大图片网站的优化技巧收集-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

妙正灰 2016-07-11 10:05:52 5360

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


前言

一些以图片为主的网站(例如:图片站、个人照片站等等),如果购买的虚拟主机流量有限,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/
人工智能 缓存 前端开发 JavaScript 算法 数据可视化 应用服务中间件 Apache nginx CDN
分享到
取消 提交回答
全部回答(3)
  • 小柒2012
    2016-07-17 19:16:03
    压缩 延迟加载
    0 0
  • seo砖家
    2016-07-12 13:55:50
    Re大图片网站的优化技巧收集
    不错又学到了新东西
    0 0
  • 聚小编
    2016-07-12 09:54:25
    不错哦,帮你推荐一下!
    0 0
添加回答
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题