Non technical guide on how to shorten web page loading time

Because it also contains compression of uploaded files. The
If the CDN site can be reached worldwide, please check the CDN to speed up the remote loading. CDN runs copies of static content (images, scripts, and videos) on servers around the world. If visitors visit the site, the assets will be provided on the nearest server, so the waiting time will be reduced when transferring files. If your site is expected to be read worldwide, cloudflare’s free account is a great place to start for the first time. If the site is locally dedicated, it will actually increase the site load time, so some tests may be required. The
Before code and code passing optimization eliminate bloat, check the currently installed plug-ins. Is there anything you can’t do? If yes, delete. Is there a plug-in that only uses some functions? This is a good candidate for a smaller, targeted plug-in replacement. How much has your theme expanded? If the WordPress theme has a demo page, please run the demo through the test site above. If your score is low, consider a compromise to switch to another topic. Is there any external source that you can not use? When Facebook loads 15 scripts on the page, do you have a way to achieve the same goal? Alternatively, you might want to use a locally hosted font file instead of ing it from Google every time. We’ll merge and collapse the content optimization and provide the remaining CSS and JavaScript files before we start. Merging files will reduce the number of requests from the site. Shrinking files will reduce the size of the files to be ed, thus speeding up the total page load. The
To do this, the autooptimization plug-in will be installed and activated. If enabled, go to the page under the options menu of the dashboard to enable optimization of HTML, CSS, and JavaScript. You will also try to install query string removal from static resources to cache all scripts and CSS files. Just install and activate it. No configuration required. Note: automatic optimization may cause problems with some javascript based plug-ins or features. There is no permanent, so don’t panic even if you stop running after installation. In this case, you can click Show advanced settings on the plug-in settings page, and then add the file to the exclude list under JavaScript. This section may require some implementation errors. If you have any changes, click save and clear cache. The
Secondly, we will perform JavaScript in the footer. This allows the user to start reading when the script is loaded in the background, because JavaScript will be loaded behind the page content. To do this, we will use the async JavaScript plug-in. After installation and activation, you must ensure that all are set to delay and that automatic optimization support is enabled at the bottom. Apply the same considerations as autooptimization. If a problem occurs, you can add it to the exclusion list. An error may need to be executed. The
The last step to be performed here is to set up the cache plug-in. If there are site visitors, the caching plug-in creates a static copy of the page. This static copy will be provided to future visitors to bypass all necessary source code calculations and speed up subsequent page loading. There are many options, advantages and disadvantages. I personally like cacheify. As long as it is installed and activated, the preferences can work normally. Note: since all content will be saved (12 hours by default), especially when performing tasks such as editing or publishing articles, you must force the cache to be reloaded in advance.
There are cows. Cacheify will automatically refresh the cache when publishing a page, but you may need to click the recycle bin in the upper right corner of the management bar to refresh the cache when editing a page. If there are frequently changed items (such as woocommerce checkout, etc.), you can also exclude a single page from the cache of the cache settings page. The
This section of optimizing server settings is very different from the case of separate hosting. Not all hosts can use some of these options. If unsure, we will contact the hosting provider. This greatly affects the time of the first byte and some options, such as gzip and file expiration settings. If the host cannot answer these questions satisfactorily, or still receives a slow ttfb (webpagetest) after completing other steps, it may be time to consider moving to a new host. Make sure your host is running at least php5.6, or preferably php7 (a considerable speed increase compared to 5.x). PHP 7 enables opcache PHP server-side caching by default (this works well with cacheify). You may want to verify that gzip is active at the server level. Other options include using varnish caching and other configurations (beyond the scope of this document) to speed up the site loading of the server itself. If Apache is used as a web server, it is in the default WordPress site folder. You can place (or modify) htaccess files. The following settings enable expiration headers for all site content: This will instruct visitors not to images, scripts, etc. after a period of time on the computer. This is useful for projects that do not change so that subsequent access loads faster. Or, to keep things simple, upgrade to fully managed WordPress. This is a bigger investment, but the escrow provider will handle it all. Closeout is the main problem that may slow down the site. Although there is always more room for improvement, it can give you a good start. Some notes on previously used speed test sites: it is often impossible or undesirable to obtain 100% on a specific speed test site without seriously damaging the functions to be provided. Instead, shoot at the fastest speed without affecting the quality. Each site tests different things and measures them in different ways. Don’t worry about text levels or percentages. Instead, verify and validate in categories whenever possible. The really important parts are ttfb, render start, and load time. This is because visitors will eventually see. Would you like to provide feedback or participate in a conversation? Add a comment on twitter. preserve

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *