首页 > 代码库 > 四步让你的网站秒开,wordpress框架为例子,其他框架道理类似

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

我这里以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框架为例子,其他框架道理类似