zoukankan      html  css  js  c++  java
  • 前端性能优化

    第一个方面是页面的内容方面

    (1)通过文件合并、css 雪碧图、使用 base64 等方式来减少 HTTP 请求数,避免过多的 请求造成等待的情况。
    (2)通过 DNS 缓存等机制来减少 DNS 的查询次数。
    (3)通过设置缓存策略,对常用不变的资源进行缓存。
    (4)使用延迟加载的方式,来减少页面首屏加载时需要请求的资源。延迟加载的资源当用 户需要访问时,再去请求加载。
    (5)通过用户行为,对某些资源使用预加载的方式,来提高用户需要访问资源时的响应速度。


    第二个方面是服务器方面
    (1)使用 CDN 服务,来提高用户对于资源请求时的响应速度。
    (2)服务器端启用 Gzip、Deflate 等方式对于传输的资源进行压缩,减小文件的体积。
    (3)尽可能减小 cookie 的大小,并且通过将静态资源分配到其他域名下,来避免对静态 资源请求时携带不必要的 cookie


    第三个方面是 CSS 和 JavaScript 方面
    (1)把样式表放在页面的 head 标签中,减少页面的首次渲染的时间。
    (2)避免使用 @import 标签。
    (3)尽量把 js 脚本放在页面底部或者使用 defer 或 async 属性,避免脚本的加载和执行 阻塞页面的渲染。
    (4)通过对 JavaScript 和 CSS 的文件进行压缩,来减小文件的体积。

  • 相关阅读:
    代码 技术债务 打分
    C++ boost coroutine
    什么是 Python Django Flask &Tornado
    Quartz应用与集群原理分析
    和开源产品对比
    Apache Storm || Processing real-time data
    认清自我,不在迷茫 程序员
    快速傅里叶变换算法
    Netty和Tomcat的区别、性能对比
    HTTP vs. MQTT ->TCP
  • 原文地址:https://www.cnblogs.com/lchsirblog/p/14474574.html
Copyright © 2011-2022 走看看