# 加速网站的最佳实践

Best Practices for Speeding Up Your Web Site

原文

test

# 1、减少 HTTP 请求次数(Minimize HTTP Requests)

# 2、使用 CDN 内容分发网络(Use a Content Delivery Network)

# 3、添加有效期或缓存控制头 - 静态、动态内容分而治之(Add an Expires or a Cache-Control Header)

# 4、引入 Gzip 压缩组件(Gzip Components)

# 5、把样式表放在顶部 - HEAD 内(Put Stylesheets at the Top)

# 6、把脚本放在底部(Put Scripts at the Bottom)

# 7、避勉 CSS 表达式的使用 - 动一下鼠标会产生超过一万次的表达式计算(Avoid CSS Expressions)

# 8、把 JavaScript 和 CSS 放到外部来引入的方式使用(Make JavaScript and CSS External)

# 9、减少 DNS 解析(Reduce DNS Lookups)

# 10、压缩以最小化 JavaScript 和 CSS(Minify JavaScript and CSS)

# 11、避勉重定向(Avoid Redirects)

# 12、移除重复的脚本(Remove Duplicate Scripts)

# 13、配置 ETags(Configure ETags)

# 14、使 Ajax 可缓存(Make Ajax Cacheable)

# 15、尽早地刷新下发缓存(Flush the Buffer Early)

# 16、AJAX 请求使用 GET 方法(Use GET for AJAX Requests)

# 17、Post-load Components

# 18、预加载组件(Preload Components)

# 19、缩减 DOM 元素的数量(Reduce the Number of DOM Elements)

# 20、跨域分割组件(Split Components Across Domains)

# 21、减小 iframe 的数量(Minimize the Number of frames)

# 22、没有 404 错误提示(No 404s)

# 25、减小 DOM 访问(Minimize DOM Access)

# 26、开发超级事件处理器(Develop Smart Event Handlers)

# 27、选用 不如选用 @import - IE(Choose over @import)

# 28、Avoid Filters

# 29、优化图片(Optimize Images)

# 30、优化 CSS 精灵(Optimize CSS Sprites)

# 31、不要在 HTML 中缩放图片(Don't Scale Images in HTML)

# 32、使收藏图标小一些且可缓存(Make favicon.ico Small and Cacheable)

# 33、控制组件在 25K 之下(Keep Components under 25K)

# 34、把多个组件打包到一个多段文档中(Pack Components into a Multipart Document)

# 35、避勉空的图片源(Avoid Empty Image src)

#

Last Updated: 4/11/2019, 1:36:25 PM