你是不是曾为网站页面加载磨蹭磨蹭来而烦恼？是不是想提升用户体验，但又苦于无从下手？别担心，今天我要为你揭秘雅虎团队分享的34条网站页面性能优化黄金守则，助你轻巧松掌握页面性能优化技巧。

1. 提出问题：页面加载磨蹭的原因是啥？

页面加载磨蹭的原因有很许多，比如HTTP求过许多、DNS查找次数过许多、材料未压缩等。这些个问题都会弄得页面加载时候延长远，关系到用户体验。

2. 琢磨问题：怎么解决页面加载磨蹭的问题？

雅虎团队提出的34条黄金守则， 涵盖了页面性能优化的各个方面

2.1 少许些HTTP求次数

• 合并文件：将优良几个CSS和JavaScript文件合并成一个文件，少许些HTTP求次数。
• 用外部JavaScript和CSS：将JavaScript和CSS放在外部文件中， 利用浏览器缓存，少许些再来一次下载。
• 图片优化：压缩图片，少许些图片巨大细小，用合适格式的图片。

2.2 少许些DNS查找次数

• 用内容分发网络：将静态材料部署到CDN上， 少许些用户与服务器之间的距离，搞优良访问速度。
• 少许些主机名数量：将材料部署到不同的域名上，少许些DNS查找次数。

2.3 材料压缩

• 用Gzip压缩：对HTML、 CSS、JavaScript等文件进行Gzip压缩，少许些文件巨大细小。
• 图片压缩：用图片压缩工具， 如jpegtran、pngcrush等，减细小图片巨大细小。

2.4 预加载和缓存

• 预加载：根据用户操作预加载相关材料，搞优良页面加载速度。
• 缓存：利用浏览器缓存，少许些再来一次下载。

3. 逐步深厚入：34条黄金守则详解

3.1 保持单个内容细小于25K

由于iPhone不能缓存巨大于25K的文件，所以呢觉得能将单个内容巨大细小控制在25K以下。

3.2 用外部JavaScript和CSS

将JavaScript和CSS放在外部文件中， 利用浏览器缓存，少许些再来一次下载。

3.3 少许些DOM元素数量

少许些页面中的DOM元素数量，搞优良页面加载速度。

3.4 用内容分发网络

将静态材料部署到CDN上， 少许些用户与服务器之间的距离，搞优良访问速度。

少许些主机名数量， 将材料部署到不同的域名上，少许些DNS查找次数。

3.6 预加载

根据用户操作预加载相关材料，搞优良页面加载速度。

3.7 压缩文件内容

用Gzip压缩HTML、 CSS、JavaScript等文件，少许些文件巨大细小。

3.8 用无cookie域名

对于静态内容， 用无cookie域名，少许些求中的cookie传输。

3.9 少许些Cookie体积

使cookie体积尽量细小，少许些对用户响应的关系到。

3.10 用GET来完成AJAX求

用GET来完成AJAX求，避免POST方法带来的额外HTTP求。

3.11 为文件头指定Expires或Cache-Control

设置合理的过期时候， 利用浏览器缓存，少许些再来一次下载。

3.12 开发智能事件处理程序

优化事件处理程序， 少许些不少许不了的DOM操作，搞优良页面性能。

3.13 避免用CSS表达式

避免用CSS表达式，少许些浏览器计算量。

3.14 避免跳转

避免用301和302跳转，少许些页面加载时候。

3.15 尽早刷新鲜输出缓冲

尽早刷新鲜输出缓冲，搞优良页面加载速度。

3.17 把样式表置于顶部

将样式表置于顶部，避免阻塞内容渲染。

精简JavaScript和CSS代码，少许些文件巨大细小。

3.23 预加载

3.25 少许些DOM访问

少许些DOM访问次数，搞优良页面性能。

3.27 减细小Cookie体积

3.28 对于页面内容用无cookie域名

3.29 优化图像

压缩图片，少许些图片巨大细小，用合适格式的图片。

3.30 优化CSS Sprite

用CSS Sprites手艺，少许些HTTP求次数。

3.31 不要在HTML中缩放图像

避免在HTML中缩放图像，直接用合适巨大细小的图像。

3.34 打包组件成复合文本

将页面内容打包成复合文本，少许些HTTP求次数。

4. 得出掌握黄金守则， 提升页面性能

通过以上34条黄金守则，我们能有效地提升网站页面性能，搞优良用户体验。记住优化页面性能是一个持续的过程，需要不断地学和实践。希望这篇文章能帮你轻巧松掌握网站页面性能优化技巧，让你的网站更加出色！

---