zoukankan      html  css  js  c++  java
  • html前端优化建议

    1. css 尽可能的放到head里面,且避免css表达式 【@media 类似】

    2. js 尽可能的放到</body>之前 <script>do something</script></body></html>

    3. 尽可能的减少图片的使用,并在实际需要使用图片的地方在css定义好img的尺寸。或者加上width , height属性

    4. 减少http请求数

    5.利用好浏览器缓存机制(移动端优先考虑,pc端考虑下兼容性)

    6.利用gzip, 对js ,css , 页面源代码等文本类文件进行压缩处理 7. 如果可以,尽可能的多使用AJax:局部刷新

    8. 减少DNS查找 119.188.97.23/images/xxx.jpg

    9. 避免重定向 【比如 http://www.cxy666.com 解析的时候 需要重定向到 / 然后根据服务器配置默认页是 index.php index.html 等。所以相当于要重定向两次才能到达 http://www.cxy666.com/index.php 所以尽可能的把url写全】;还有就是301定向

    10. 尽可能的使用cdn(内容分发技术)

    11. 每个页面的链接最好不要超过100个

    12. 页面深度最好不要超过3级, 设置好每个页面的面包屑

    13. 尽量使用扁平化风格减少图片的使用

    14. 分页 1 2 3 4 .... 8 9 10 [下拉框(就是一个可以到达所有分页的html元素)]

    16. 栏目级别控制在3级以内,最长url示例:http://www.cxy666.com/dir1/dir2/xxxxx.html ;也就是说。分类最好控制在两级以内

    17. h1-h6 > strong > em

      1.div 和 span 是最没有意义的标签,仅用来排版使用。

      2. 文章主标题用h1,副标题用h2. 其他次要标题用h3-h6,主观上h4,h5,h6不要用,使用strong替代 3. strong 和 em 起到文字强调作用,所以如果只是为了突出文字,但是文字又不重要的话,那么就用b 和 i 来替代,虽然这两个已经建议不要使用了。

  • 相关阅读:
    LightOJ 1132 Summing up Powers(矩阵快速幂)
    hdu 3804 Query on a tree (树链剖分+线段树)
    LightOJ 1052 String Growth && uva 12045 Fun with Strings (矩阵快速幂)
    uva 12304 2D Geometry 110 in 1! (Geometry)
    LA 3263 That Nice Euler Circuit (2D Geometry)
    2013 SCAUCPC Summary
    poj 3321 Apple Tree (Binary Index Tree)
    uva 11796 Dog Distance (几何+模拟)
    uva 11178 Morley's Theorem (2D Geometry)
    动手动脑
  • 原文地址:https://www.cnblogs.com/aqicheng/p/10299332.html
Copyright © 2011-2022 走看看