大图片网站的优化技巧收集

大图片网站的优化技巧收集
  

---

前言

一些以图片为主的网站（例如：图片站、个人照片站等等），如果购买的虚拟主机流量有限，VPS的话大宽带又消受不起（主要还是国内啦），然后整个网页的加载时间就会特别长，那么我们怎么来解决这些问题嘞？

目前阿里云的用户，主要以商城、图床、图片指向性博客为主的用户，如果没有一定经验的话，肯定都是非常慢的，大家可以来看看，参考一下。
排错

其实你的网站慢可能并不是因为带宽小的问题，首先还是要做好网站的优化（上缓存，精简插件），然后就是将被拦在外面的一些服务例如：Gravatar、GoogleApi、S3 都不要使用。

使用 CDN

购买按流量计费的 CDN 产品，可以获得更好的体验，因为有分布在全国各地的节点，绝对会比你单一位置的服务来的快得多，而且像阿里的 OSS、七牛等都是可以使用参数自动调节图片质量和大小的，最关键的还是，CDN 的每 G 流量价格普遍比 VPS 按流量付费的价格要低得多！
你可以选择全站加速，也可以选择只加速静态图片。目前国内的 CDN 除了要北岸是硬伤，其他的话只要是付费的体验都是很好的，国外的可以考虑使用 Cloudflare（免费），收费的  Keycdn 等等。 当然了选择还有很多，我这里只举例我觉得价廉物美适合小站长用的。
其实还可以租赁延时较低的海外大带宽 VPS 做图床。

优化图片

首先，目前的技术下，很多 JPG、PNG 等主流格式都是可以实现无损压缩的，差不多一张 500kb 的（一次都没有被优化过）图片可以优化到 300kb 左右。
有大量图片可以使用：

1. Voralent家的图片优化工具（有很多，多到你想不到）
2. OptiPNG 是一款高级的PNG图片优化压缩工具(命令行工具)
3. PNGGauntlet 免费的可视化优化工具，全格式支持
4. PP鸭 集成业内最优秀的算法，支持Mac、Win，全格式，不过收费

在线工具：

1. optimizilla.com 支持所有格式，默认 10% 有损＋ 优化的效果很强悍
2. TinyPNG智能 PNG 优化
3. Smush.it 雅虎家的老牌图片优化工具

优化静态文件

应用太多的 css、js 文件也会拖垮网站的加载速度，减少相关文件的使用，以及压缩合并 css、js 文件，也可以起到加速作用。推荐 tool.lu，有非常多的优化工具，包括对 css、js 等文件的压缩、优化、整理等等。
Nginx 的 ngx_http_concat_module 模块可以帮助合并 css、js 等文件； PageSpeed 模块，可以自动优化您的网站的开源服务器模块，这货支持 Nginx 和 Apache Httpd，可以自动优化图片和静态文件。

lazyload

jQuery 图片延迟加载插件 jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。


来自: https://www.mf8.biz/picture-optimization/