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

前言

一些以图片为主的网站(例如:图片站、个人照片站等等),如果购买的虚拟主机流量有限,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,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。

2 条评论

发表评论

*