图片网站如何加速？
发布网友
发布时间：2022-04-20 07:24
共1个回答
热心网友
时间：2023-12-02 16:28
图片作为网页中的重要元素，虽然在网页的修饰及内容的展示上给人一种视觉美感，但是它本身也是一种资源。只要是资源，那浏览器就会发出请求，请求一多自然就会影响网页的加载速度。所以对于一般的图片（图床）网站，图片较多，打开速度也较慢。此时我们就需要进行一些技术上的优化，以此来加快网页加载速度了。具体有哪些优化措施呢？结合我的实际经验分享一些供大家参考：
1、图片资源单独域名形式部署
每款浏览器其实都是有并发数*的，如果一个页面上所有的资源用的都是同一个域名来请求，那并发数无法突破，所以建议图片资源可以搞1~3个独立域名（或子域名）来部署访问。这样做的好处有：
便于后面的CDN加速实施；
可以提高浏览器的并发请求数；
减少了Cookie污染。
我们可以看看那些大型网站，图片都是以单独域名形式部署的，而且域名还不止一个。2、CDN加速
图片类网站最多的资源就是图片，而正常的图片都是静态文件，所以我们完全可以把图片全部走CDN加速，这样做的好处主要有：
节省源站服务器的带宽；
利用CDN可以解决边缘网络访问问题，使得用户就近获取资源，加快了网页加载速度；
3、图片尺寸控制、适当裁剪
见过不少网站存在一些无法理解的低级错误，如：一张图片几兆，一个页面下来光图片资源就占了几十兆；图片显示区大小为200x200，但引用的图片却是1024x768这种大尺寸的图。
上面这些错误相信很多人都遇到过，这是需要规避的。网页上的图片一定要做到适当裁剪、控制好尺寸大小。
4、启用WebP格式
WebP格式是由谷歌开发的一种图片格式，它即支持无损压缩也支持有损压缩，不管是哪种压缩方式，相比传统的JPEG，其物理大小要小得多。所以如果我们将JPEG的图片转为WebP，无疑是加快了网页加载速度，只不过要注意，一些低端浏览器可能对WebP的支持不够，这里要做好兼容处理。
另外，如果服务器无法支持WebP，那就尽可能使用GIF代替PNG图片。
5、启用Gzip压缩
Gzip同样能有效的压缩静态资源，据说静态资源文件启用了Gzip后，压缩率能达50%以上。
Gzip要想正常发挥作用，需要客户端和服务器端都支持Gzip压缩。服务器端主流的HTTPServer都支持Gzip压缩，而现在主流的浏览器也都支持Gzip压缩，所以问题不大。
6、惰性加载
惰性加载也称为“懒加载”，当图片出现在浏览器可视区域内图片才加载，如果不在可视区域图片则不主动加载，这就是懒加载的由来。
通过惰性加载技术可以有效的减少页面短时间内的请求数量，这样就缓解了页面加载速度。
如何实现呢？主要借助JQ插件来实现，常见的有：jQuery.lazyload等。
上述这些方案在现实中是最常用的，当然了，方案远不止这些。
