yahoo 前端性能优化35条

2017-03-04 10:10:38   0  举报





仅支持查看

AI智能生成

Yahoo前端性能优化35条是一套针对网页前端性能提升的实用技巧。这些建议涵盖了代码、图片、CSS、JavaScript等多个方面，旨在帮助开发者提高网页加载速度、降低资源消耗、提升用户体验。其中包括了合理压缩代码、减少HTTP请求、使用CDN加速、优化图片大小和格式等常见优化方法，同时也提供了一些针对特定场景的优化建议，如避免使用滤镜、减少DOM操作等。通过遵循这些建议，开发者可以有效地提升网页性能，为用户提供更快速、流畅的访问体验。

作者其他创作

大纲/内容

性能优化方向分类

请求数量

合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域

请求带宽

开启 GZip，精简 JavaScript，移除重复脚本，图像优化

缓存利用

使用 CDN，使用外部 JavaScript 和 CSS，添加 Expires 头，减少 DNS 查找，配置 ETag，使 AjaX 可缓存

页面结构

将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出

代码校验