I here with WordPress framework made of the site for example, the effect can look at my site, Hong Kong's garbage host 1991 years 2M bandwidth, speed can be opened, do not believe the test effect 33 games
My is the WordPress production site, we all know that WP all kinds of bloated card slow, in fact, these are can be improved, about how Google fonts and Gravatar avatar is wall and thin bloated head method do not explain, self Baidu.
The first step : Image compression, lazy loading. This to a picture super compression site https://tinypng.com/picture quality is basically unchanged, can be less than half the size. The second is delayed loading, especially the content station is not recommended to load all the pictures at once, loading the display area necessary pictures can be. I'm using lazyload here.
$ ("Img.lazy"). Lazyload ({
Effect: "FadeIn",
threshold:180,
PLACEHOLDER: ",
});
The second step: merge resources including pictures and CSS, JS, I am WordPress, so use the Autoptimize plugin automatically merge CSS into one, other framework please perform search, about picture merge I recommend a texture Packer tool, This tool is originally a game picture merge, also has the CSS picture merging function, please try it yourself! Merged pictures can also be used to compress the above website.
The third step: static website, static, without the dynamic generation of web pages to reduce a large number of database queries, my Site HTML5 games have done all static, here is recommended a WordPress dedicated static plug-in SUPERCACHE,WP official recommended use,
Select Enable caching for faster access, I'm going toMod_rewrite cache mode, faster, and choose to compress HTML files.
Fourth step: Take the CDN, you can walk the resources of seven cattle, and pat the clouds and other free, here I am walking 360 free cdn,wangzhan.360.com. It can be used for free after filing.
All of these have exploded. Your site can improve speed by at least half, of course, you have the money to buy the server, you can also 1
Four steps to keep your site seconds open, WordPress frame For example, other frames are similar in principle