阿里云
阿里云多端小程序中小企业获客首选
发表主题 回复主题
  • 4888阅读
  • 4回复

[操作系统]大图片网站的优化技巧收集

级别: 论坛版主
发帖
9349
云币
14165
— 本帖被 linanxiaoxiao 设置为精华(2016-07-11) —
|2 Dlw]d  
大图片网站的优化技巧收集 "o`( kYSF  
  
p[RD[&#b  
g`6S*&8I  
前言 %(i(ZW "  
n D?XP<9UU  
一些以图片为主的网站(例如:图片站、个人照片站等等),如果购买虚拟主机流量有限,VPS的话大宽带又消受不起(主要还是国内啦),然后整个网页的加载时间就会特别长,那么我们怎么来解决这些问题嘞? HO' HkVA  
i ):el=  
目前阿里的用户,主要以商城、图床、图片指向性博客为主的用户,如果没有一定经验的话,肯定都是非常慢的,大家可以来看看,参考一下。 ~0`Pe{^*  
排错 M9MEQK  
d 1z   
其实你的网站慢可能并不是因为带宽小的问题,首先还是要做好网站的优化(上缓存,精简插件),然后就是将被拦在外面的一些服务例如:Gravatar、GoogleApi、S3 都不要使用。 9P]TIV.  
oR~+s &c  
使用 CDN W[b/.u5z:  
g&"Nr aQM9  
购买按流量计费的 CDN 产品,可以获得更好的体验,因为有分布在全国各地的节点,绝对会比你单一位置的服务来的快得多,而且像阿里的 OSS、七牛等都是可以使用参数动调节图片质量和大小的,最关键的还是,CDN 的每 G 流量价格普遍比 VPS 按流量付费的价格要低得多! 6;VlX,,j  
你可以选择全站加速,也可以选择只加速静态图片。目前国内的 CDN 除了要北岸是硬伤,其他的话只要是付费的体验都是很好的,国外的可以考虑使用 Cloudflare(免费),收费的  Keycdn 等等。 当然了选择还有很多,我这里只举例我觉得价廉物美适合小站长用的。 sM4N`$Is23  
其实还可以租赁延时较低的海外大带宽 VPS 做图床。 .UJk0%1  
wM><DrQ  
优化图片 +_+_`q>]  
4VK5TWg  
首先,目前的技术下,很多 JPG、PNG 等主流格式都是可以实现无损压缩的,差不多一张 500kb 的(一次都没有被优化过)图片可以优化到 300kb 左右。 ?[kO= hs  
有大量图片可以使用:
  1. Voralent家的图片优化工具(有很多,多到你想不到)
  2. OptiPNG 是一款高级的PNG图片优化压缩工具(命令行工具)
  3. PNGGauntlet 免费的可视化优化工具,全格式支持
  4. PP鸭 集成业内最优秀的算法,支持Mac、Win,全格式,不过收费
4>(?R[:p)  
在线工具:
  1. optimizilla.com 支持所有格式,默认 10% 有损+ 优化的效果很强悍
  2. TinyPNG智能 PNG 优化
  3. Smush.it 雅虎家的老牌图片优化工具
M 3^p,[9r#  
优化静态文件  d(k`Yk8  
,L`qV  
应用太多的 css、js 文件也会拖垮网站的加载速度,减少相关文件的使用,以及压缩合并 css、js 文件,也可以起到加速作用。推荐 tool.lu,有非常多的优化工具,包括对 css、js 等文件的压缩、优化、整理等等。 thOCzGJ$  
Nginx 的 ngx_http_concat_module 模块可以帮助合并 css、js 等文件;PageSpeed 模块,可以自动优化您的网站的开源服务器模块,这货支持 Nginx 和 Apache Httpd,可以自动优化图片和静态文件。 X,~8 ) W  
}3@`'i7  
lazyload M jHeUf  
3b|.L Jz+  
jQuery 图片延迟加载插件 jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。 )p&xpB(  
;DGp7f#9  
8z@A/$T  
来自:https://www.mf8.biz/picture-optimization/ l*h6 JgU  
[ 此帖被ivmmff在2016-07-11 11:15重新编辑 ]
本帖最近评分记录: 1 条评分 云币 +6
小柒2012 云币 +6 压缩 延迟加载 2016-07-17
级别: 管理员
发帖
759
云币
1687
只看该作者 沙发  发表于: 2016-07-12
不错哦,帮你推荐一下!
级别: 禁止发言
发帖
17
云币
64
只看该作者 板凳  发表于: 2016-07-12
用户被禁言,该主题自动屏蔽!
级别: 程序猿
发帖
448
云币
1848
只看该作者 地板  发表于: 2016-07-13
级别: 论坛版主
发帖
3414
云币
8980

只看该作者 4楼 发表于: 2016-07-17
压缩 延迟加载
发表主题 回复主题
« 返回列表上一主题下一主题

限100 字节
如果您提交过一次失败了,可以用”恢复数据”来恢复帖子内容
 
验证问题: 阿里云官网域名是什么? 正确答案:www.aliyun.com
上一个 下一个
      ×
      全新阿里云开发者社区, 去探索开发者的新世界吧!
      一站式的体验,更多的精彩!
      通过下面领域大门,一起探索新的技术世界吧~ (点击图标进入)