如何进行页面优化?_html/css_WEB-ITnose
Libérer: 2016-06-24 11:17:30
original
1029 Les gens l'ont consulté
为什么要进行页面优化?
-
更快:页面加载更快,客户感知更快;
-
更易于阅读:易于搜索引擎抓页面重点,易于盲人阅读;
-
更易于维护:易于自己和同事后期读懂、定位、修改和扩展代码.
如何进行页面优化
html
-
语义化
-
加载顺序:css放head里面(用户看到顺畅页面),js放尾部(会阻塞dom渲染,且dom树没搭建好时,js里面的dom操作会有问题)
-
减少页面请求:合并img,合并css,避免使用@import方式引入css文件
-
减少文件大小:
css
-
选择器:越简单越短越好,同样的样式进行选择器合并
-
css值缩写:margin等,值为0的省略单位,
-
减少文件大小:YUI Compressor,cssmin
-
少用耗性能的属性:expresion,border-radius,filter,box-shadow,gradients等
-
图片设置宽高,不要缩放,减少浏览器的回流和重绘。
-
所有表现用css实现
-
模块化
-
命名规范、语义化
-
尽量减少hack
javascript
加注释
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31