zoukankan      html  css  js  c++  java
  • 页面优化

    1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)

    作为第一条,可能也是最重要的一条。

    有几种常见的方法能切实减少 HTTP 请求:

    • 1) 合并文件,比如把多个 CSS 文件合成一个;
    • 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位;参见:CSS Sprites: Image Slicing's Kiss of Death
    • 3) 图像地图
    • 4) 内联图象 使用 data: URL scheme 在实际的页面嵌入图像数据.

    2. 减少 DNS 查找 (Reduce DNS Lookups)

    3. 避免重定向 (Avoid Redirects)

    不是绝对的避免,尽量减少。另外,应该注意一些不必要的重定向。比如对 Web 站点子目录的后面添加个 / (Slash) ,就能有效避免一次重定向。http://www.dbanotes.net/arch 与 http://www.dbanotes.net/arch/ 二者之间是有差异的。

    4. 使得 Ajax 可缓存 (Make Ajax Cacheable)

    响应时间对 Ajax 来说至关重要,否则用户体验绝对好不到哪里去。提高响应时间的有效手段就是 Cache 。其它的一些优化规则对这一条也是有效的。

    5. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)

    6. 切分组件到多个域 (Split Components Across Domains)

    7. 杜绝 http 404 错误 (No 404s)

    对页面链接的充分测试加上对 Web 服务器 error 日志的不断跟踪能有效减少 404 错误,亦能提升用户体验。值得一提的是,CSS 与 Java Script 引起的 404 错误因为定位稍稍"难"一点而往往容易被忽略。

     

  • 相关阅读:
    Octave/Matlab初步学习
    week_3
    week_2
    week_1
    清除input[type=number]的默认样式
    js,获取和设置cookie、 localStorage
    php表单提交时获取不到post数据的解决方法
    console.log 简写
    JS合并两个数组的方法
    javascript ES5、ES6的一些知识
  • 原文地址:https://www.cnblogs.com/lucky_dai/p/2471162.html
Copyright © 2011-2022 走看看