ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端专题篇 -- 【性能优化】

2021-05-20 18:59:06  阅读:132  来源: 互联网

标签:缓存 -- 前端 个数 JS 避免 专题 使用 CSS


更多

原文

雅虎军规

  1. 尽量减少 HTTP 请求个数——须权衡

  2. 使用 CDN(内容分发网络)

  3. 为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。

  4. 使 AJAX 可缓存

  5. 配置 ETags

  6. favicon.ico要小而且可缓存

  7. 避免空的 src 和 href

  8. 使用 gzip 压缩内容

  9. 把 CSS 放到顶部

  10. 把 JS 放到底部

  11. 延迟加载

  12. 预加载

  13. 避免使用 CSS 表达式

  14. 将 CSS 和 JS 放到外部文件中

  15. 减少 DNS 查找次数

  16. 精简 CSS 和 JS

  17. 剔除重复的 JS 和 CSS

  18. 减少 Cookie 的大小

  19. 保持单个内容小于25K

  20. 避免跳转

  21. 尽早刷新输出缓冲

  22. 使用 GET 来完成 AJAX 请求

  23. 减少 DOM 元素个数

  24. 根据域名划分页面内容

  25. 尽量减少 iframe 的个数

  26. 避免 404

  27. 使用无 cookie 的域

  28. 减少 DOM 访问

  29. 开发智能事件处理程序

  30. 用 代替 @import

  31. 避免使用滤镜

  32. 优化图像

  33. 优化 CSS Spirite

  34. 不要在 HTML 中缩放图像——须权衡

  35. 打包组件成复合文本

 

标签:缓存,--,前端,个数,JS,避免,专题,使用,CSS
来源: https://blog.csdn.net/weixin_39805244/article/details/117088339

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有