的确，如果一个网站图片资源过多，无论客户端网络环境多好，都是会影响页面加载速度的，因为服务器上的这些资源被请求时，也会占用服务器的上行带宽。那如果一个站点的图片较多时，网站该如何优化以提高页面打开及渲染速度呢？给大家一些建议以供参考：
动静分离可能大部分朋友们不知道，浏览器对于同个域名下的请求是有并发数限制的，现在主流浏览器对于同域请求并发数限制一般在3~5个，不同浏览器同域并发参考数值如下：
所以大家可以将动态请求和静态请求以不同域名来部署，这样一方面可以突破浏览器同域并发请求的限制，另一方面也减少了动静态请求相互影响的可能。
所有的静态资源统一走CDN加速如果大家把所有的静态资源（JS文件、CSS文件、图片、音视频等）全部放在源站服务器，那么客户端请求这些资源时都会从源站下载这些资源，要知道，客户端从服务器上下载资源时同样要占用服务器上行带宽的，而一般服务器的带宽都有上限限制。当用户一多，可能会把静态资源服务器带宽占满，进而导致所有用户下载资源都感觉到“慢”。
所以大家要以把静态资源走CDN加速，CDN本身就是分布式存储技术，会把源站服务器上的静态资源镜像一份到CDN节点；另一方面，CDN厂商会在全国各地都部署节点，能确保用户请求资源是就近请求的，也加快了客户端请求资源时的速度。
图片资源惰性加载还有很多站点针对图片资源没有做惰性加载处理，导致此页面上所有的图片都会被下载下来，事实上很多图片可能还没有到达用户的视界就被下载渲染了，这是资源浪费！
大家完全可以只让在浏览器窗口可见范围内的图片加载，而需要翻页才能看见的图片暂时不加载，这样就做到了按需加载，可以大大提高页面的打开及渲染速度。
这个也就是你理解的“取消img标签的图片请求”。
根据网络环境加载不同尺寸的图片这个很好理解，也有很多APP及网站这样来做。比如在4G和WiFi环境下加载不同尺寸的图片，还可以根据网速来加载不同大小的图片。
以上就是偶的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流 ~ 偶是科技领域创作者，十年互联网从业经验，欢迎关注偶了解更多科技知识！css如何居中对齐，icab mobile css，css大盒子标签，display在css中用法，遮罩层全部覆盖 css，css怎么让位置定在右边，css定位视频讲解