首页 > 代码库 > 四步让你的网站秒开,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框架为例子,其他框架道理类似
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。