如何通过优化网站提升打开速度，让访问体验更流畅？

当你在凌晨三点打开自己崭新搭建的网站， 却发觉页面像河里的石子一样缓慢缓慢滑落，心里那种无助感就像被踩在脚底的沉重石。正是这种缓慢速让人质疑自己的技术手段是不是不够良好，或者是服务器坚硬件太薄弱。别急，我今天就跟你分享一套实战式、情绪化而又可落地的速度优化方案，让你的访问体验从此变得顺畅如丝。

一、 先从页面体积说起——较小身材较大能量

在我第一次尝试做电商网站时首页的图片尺寸居然较高达1MB！加载到手机上时要等半天我甚至想把整个页面改成纯白色。后来我启动学会压缩图像：把JPEG压缩到70%再上传；对PNG则用PNGQuant或TinyPNG工具。最终还是结果是一秒钟的差距成了几分钟的差距，痛并快乐着。。

记住：各个更多余的KB都有可能拖累加载速度。所以在设计时要遵循“轻巧量级”的原则， 没准儿… 把动画、Flash等老陈旧技术手段彻底抛弃。

1️⃣ 图像优化技巧

• 采用现代化格式替代传统方式JPEG/PNG。
• 对较大图做懒加载，只有当用户滚动到该区块才申请图片。
• 将图片裁剪为需要体现的尺寸，避免浏览器自适应环境拉伸造成额外负荷。

2️⃣ CSS & JavaScript 的精简与合并

踩个点。 一个典型项目中有可能有数十份CSS和JS文件。你能够通过工具如windows-bundle,xhtml-minifier,sourcemap-cleaner等， 把它们合并后进行压缩，降较低HTTP申请次数。

二、 缓存策略——让服务器歇息一下

I 以前在某次活动推广期间，服务器响应时间段飙升到200ms甚至更较高，那种焦虑感简直比考试前还要焦虑。不过一旦开启正确的缓存机制，服务器压力立刻持续下降，你会惊奇于缓存带来的显著性能提升，开倒车。。