如何缩短网页加载时间提升用户体验？

站长们常说：“速度就是生命”。 一段卡顿的加载过程足以让潜在客户转身离去；而同样的页面如果能在几乎瞬间呈现， 小丑竟是我自己。 那种惊喜的感觉会让用户忍不住多点几次、甚至推荐给朋友。

一、 先从请求次数下手——少即是多

每一次浏览器向服务器发起 HTTP 请求，都要经历 DNS 查询、TCP 握手、TLS 握手以及数据传输。想象一下你在排队买咖啡，队伍越长，你等得越久。于是我们要把“排队的人数”压到最低。

• 合并 CSS/JS：把页面中散落的多个 CSS 文件合并成一个，把零散的 JavaScript 脚本也打包成几块。Webpack、Rollup 或者 Gulp 都可以帮你完成这件事。
• 使用雪碧图或 SVG 图标库：把若干小图拼成一张大图，只请求一次就能得到所有图标。
• 删除不必要的第三方插件：有些统计代码或社交分享插件只在特定场景才需要，平时可以通过条件加载来避免无谓请求。

实战小贴士：.htaccess 中禁用目录索引

    Options -Indexes

摆烂... 关闭目录索引可以防止浏览器误以为还有隐藏文件要请求，从而减少一次无意义的往返。

二、让资源“轻装上阵”——压缩与优化

图片是体积的大户。据统计，页面中超过 60% 的字节来自图片。如果不对图片进行处理， 观感极佳。 即使网络再快，也会被“大块头”拖慢脚步。