René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"前端性能优化","articleBody":"这里引用一下 **雅虎军规** ：\r\n1. 尽量减少 HTTP 请求个数——须权衡\r\n2. 使用 CDN（内容分发网络）\r\n3. 为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。\r\n4. 避免空的 src 和 href\r\n5. 使用 gzip 压缩内容\r\n6. 把 CSS 放到顶部\r\n7. 把 JS 放到底部\r\n8. 避免使用 CSS 表达式\r\n9. 将 CSS 和 JS 放到外部文件中\r\n10. 减少 DNS 查找次数\r\n11. 精简 CSS 和 JS\r\n12. 避免跳转\r\n13. 剔除重复的 JS 和 CSS\r\n14. 配置 ETags\r\n15. 使 AJAX 可缓存\r\n16. 尽早刷新输出缓冲\r\n17. 使用 GET 来完成 AJAX 请求\r\n18. 延迟加载\r\n19. 预加载\r\n20. 减少 DOM 元素个数\r\n21. 根据域名划分页面内容\r\n22. 尽量减少 iframe 的个数\r\n23. 避免 404\r\n24. 减少 Cookie 的大小\r\n25. 使用无 cookie 的域\r\n26. 减少 DOM 访问\r\n27. 开发智能事件处理程序\r\n28. 用 代替 @import\r\n29. 避免使用滤镜\r\n30. 优化图像\r\n31. 优化 CSS Spirite\r\n32. 不要在 HTML 中缩放图像——须权衡\r\n33. favicon.ico要小而且可缓存\r\n34. 保持单个内容小于25K\r\n35. 打包组件成复合文本\r\n\r\n更多系列文章：\r\n- [前端性能优化【进阶篇】](https://mp.weixin.qq.com/s/PCmCS46GPc6tt1yb9goNFA)\r\n- [1.5W+字的全链路前端性能优化送给你](https://mp.weixin.qq.com/s/nqUMUoa2R5fIfzJV5kBBsg)\r\n- [从 10 多秒到 1.05 秒！前端性能优化实践](https://mp.weixin.qq.com/s/cHfIXOyOJ5Ig1tE4tmFvAw)","author":{"url":"https://github.com/sisterAn","@type":"Person","name":"sisterAn"},"datePublished":"2021-03-01T00:49:54.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/152/JavaScript-Algorithms/issues/152"}