1、一用好html标签重定义，精简代码！Html标签重定义比Class要节省页面代码html里常见的标签有spanuismallbigcite等，我们都可以用到页面中，然后在Css文件重定义样式例如如果是需要三个div才达到的效果，用；正确使用display的属性Use correct properties for a display由于display的作用，某些样式组合会无效，徒增样式体积的同时也影响解析性能CSS Lint会检查一下几点displayinline后不应该再使用widthheightmarginpadding；在这四个环节中，精简代码是最基础最根本1精简代码是指清除或者简化页面中的代码，从而达到降低页面体积提高页面的用户体验及搜索引擎优化性的目的精简代码又分五个小步骤1清理垃圾代码2html标签转换3css。

2、1尽可能的使用CSS来定义网页版面及相关网页元素2采用调用公共代码的方式来降低网页代码复杂度3尽可能的减少用户不需要的注释4尽可能的规避使用嵌套表格总结在网站建设过程中，要尽可能的精简网站的代码，这；1元素的margin的topbottom及padding的topbottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height其实出现这种现象，我们可以巧用marginpadding的百分比值实现高度自适应当然该元素高度上的；通过锚点，我们可以滚动到网页特定的位置，原始的锚点跳转是没有过渡效果的注意滚动条通过 CSS scrollbehavior 属性可以让滚动变得更加丝滑caretcolor 属性可以让我们自定义 input 框闪烁的光标，是不是很神奇鸭 给；3css代码优化 通过对css代码属性的简写移除多余的结构frameworks和重设resets等一系列的方法和技巧来简化css代码，减小css文件的大小三JS优化 1JS位置 网页代码中对js进行优化的时候，建议将JS放在页面最后。

3、3css代码优化 通过对css代码属性的速记去除冗余结构frameworks和重置resets等一系列方法和技术，简化了css代码，减小了css文件的大小第三，缓存静态资源 通过设置浏览器缓存，将cssjs等不常更新的文件缓存在浏览；张新全seo认为这种代码都需要精简3CSS代码本身的优化CSS是页面效果呈现中非常重要的组成部分，它包括颜色大小尺寸背景和字体等写CSS很简单很容易，但是要想写出精炼的CSS代码还是有很多技巧的；以下是进行CSS设计时的几个小技巧 1DIV CSS网页布局若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题W3C对于XHTML与CSS都有检测工具可用，请见请注意，在文件开头的错；解决方法 是利用DW的查找功能替换长标签，这个大家自己试试，我就不举例了3CSS优化 CSS可以以调用的方式，避免同样的标签重复写样式，从而达到精简代码的效果另外，CSS有3种调用方式 1头部调用，也就是在和之间；网站上的一些图片可以采用css sprite技术进行合并，减少加载请求次数，从而提高网页的加载速度3CSS代码优化 通过对css代码属性的简写移除多余的结构frameworks和重设resets等一系列的方法和技巧来简化css代码，减小；div#logowrap尝试扔掉多余的选择器吧#logowrap在这个例子中所谓的那个选择器就是div*总爱和你开玩笑要明智的使用*而避免它在整个CSS样式表中乱开玩笑，*是个通配符，你可以使用它来为你的设计部分或全部进行一系列CSS声明。

4、另外就是手工精简代码，这个确实有这个对于新手确实有难度，不过，多看一些精简css技巧的文章会对你有帮助的，看得多了，也就知道那些代码可以精简了2优化图片这个没有什么技巧，通过软件就搞定了我喜欢用ps，在ps中。

5、9图片优化 1图片延迟加载 2 响应式图片 3 调整图片大小 4 降低图片质量 5 尽可能利用 CSS3 效果代替图片 6 使用 webp 格式的图片 10 通过 webpack 按需加载代码，提取第三库代码，减少；1尽量使用网页符合W3C标准 网页代码尽量要写标准规范，尽量采用DIV+CSS架构，因为table的代码实在要多出很多2精简你的CSS 代码 将网页的CSS 代码放置到一个外部文件中，在head 区用调用，同时将CSS 代码精简，比如一。

6、用子选择器可以使你的代码和CSS更加简洁更加容易阅读如果一个容器里有多个同样的元素，而且这些元素样式都不一样，请避免用这个方式，建以采用不同的class如ul class=”one”liliulul class=”tow”liliul十二不需要给。