码迷,mamicode.com
首页 > Web开发 > 详细

四步让你的网站秒开,wordpress框架为例子,其他框架道理类似

时间:2016-09-25 00:42:42      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

我这里以wordpress框架制作的网站为例子,效果可以看看我的网站,香港的垃圾主机199一年2M带宽,速度也能秒开,不信试试效果33小游戏

我的是wordpress制作的网站,大家都知道WP各种臃肿卡慢,其实这些都是可以改进的,关于如何google字体和Gravatar头像被墙和精简臃肿的头部方法不做解释,自行百度。

第一步:图片压缩,延迟加载。这个给个图片超级压缩网站https://tinypng.com/图片质量基本不变,能少一半大小。其次是延迟加载,特别是内容站建议不      要一次性加载所有图片,加载显示区域必要的图片即可。这里我使用的是lazyload。

$("img.lazy").lazyload({
effect: "fadeIn",
threshold: 180,
placeholder: ‘‘,
});

第二步:合并资源包括图片和css、js,我是wordpress,所以使用了Autoptimize插件自动合并css成一个,其他框架请执行寻找,关于图片合并我推荐一个texture packer工具,这个工具本来是游戏图片合并的,也有css图片合并功能,请自己去尝试!合并好的图片也可以使用以上网站去压缩。

第三步:网站静态化,静态化后,不用动态生成网页减少大量的数据库查询,我的网站HTML5小游戏已经做了全部静态化,这里推荐的一款wordpress专用静态化插件SuperCache,wp官方推荐使用,
选择启用缓存以便加快访问,我走的是 mod_rewrite 缓存模式,速度更快,还要选择压缩html文件。

第四步:走CDN,你资源可以走七牛、又拍云等免费的,这里我是走360免费cdn,wangzhan.360.com。备案后可以免费使用。


以上这几部都弄了爆炸你网站速度能提高最少一半以上,当然你有钱买好的服务器,也可以1

 

四步让你的网站秒开,wordpress框架为例子,其他框架道理类似

标签:

原文地址:http://www.cnblogs.com/33xyx/p/5904459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!