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

Posted 2020-08-10

我这里以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