Speed up WordPress static content


Depending on the niche, the static content of your WordPress website may cause a lot of troubles and what is more important, it could drastically slow down your website. The best website speed optimisation trends suggest that each site owner of developer needs to speed up WordPress static content. This is one of the corner stones that would guarantee success in the long run.

Before looking at the details of such optimization, let’s answer some important questions:

What is WordPress static content ?

Usually by saying static content we refer to  files that do not change based on some input. In most of the cases, the static content includes JavaScript, Cascading Style Sheets, Images, and HTML.  Usually WordPress does not generate, modify and update that content. The server your website is located on, just sends it to the visitors without any further touches. This makes the static content simplest and most efficient type of content to transmit over the Net.

How static content appears on your website ?

Nowadays each theme and plugin comes with some kind of static content. I am sure you would agree that nobody would install theme without at least basic style and functionality. These features are usually based on content we call static.

Reduce or speed up the static content ?

Well, there is no definitive answer of this question. The practice shows that both of these approaches give positive result. The real live examples I have prove that the best result is based on combination of these two.

How to reduce the static content ?

This could be tricky moment in WordPress speed optimisation. Unfortunately, there are no well known techniques that can be applied on every website over the Net. The following are good suggestions:

  • You can review your articles and either reduce  or at least compress the images
  • Remove any additional themes or plugins you do not need
  • Check your theme’s main CSS file and try to identify the part you never used or will use. Perhaps your may remove it without affecting the normal functionality of the theme
  • Take a look at your .htaccess file. Some security plugins add additional lines to that file making it quite large
  • Close revision of JS files would help remove the unused ones. Majority of the themes out there come with 20,30 to 50 .js files that are being included in every single page, killing its speed this way.

How to analyse the static content and its speed

Now after these more general suggestions,  it is time to look at what is the remaining static content and how to optimize it of top performance. The first point here is to analyze the data flow and prepare a strategy. There are two options to achieve this: 1) Using browser console or 2) online tools such as gtmetrix or pingdom. Short explanations for each one of these approaches is as follows:

To analyze the speed using browser, just visit your page -> right click -> Inspect -> Network -> Refresh the page to see the results. Here is what you would see:

WordPress static content optimisation

WordPress static content optimisation

What we have here are one CSS, one JS and 2 image files. These are all static content and we have the following options to speed them up:

  1. Compress the existing images. That is task for ewww plugin. The said extension compresses the image while uploading, but also has bulk compress option which aims to optimize the existing files.
  2. The next step is compress CSS and JS files. Luckily we can apply similar tactics here. There is great plugin called Better WordPress Minify. It is focused on removing the unnecessary spaces from those files.

Right after those steps, we can back and perform the same steps. Data analysis should also take place. As a result of this in majority of the cases the results show 20% better performance. The final touches should be the next thing to apply if everything so far is OK. In order to achieve even better results, we need to use some caching mechanics. It could be Content Delivery Network, WordPress plugin installed on the application or caching feature installed on the server level. Depending on the situation each one of these solutions would give the desired result.

What if no caching service is available ?

There are some more specific situations in which the hosting providers do not support caching on the server level. In such cases, the website owners may give a try to CDN or a plugin. To me personally W3 Total cache seems to be logical solution. More information regarding the proper configuration can be found here in this post:

Important WordPress plugins

WordPress and CDN

CDN nowadays is a must, especially when speed is top priority. Therefor I strongly suggest CloudFlare of some of the available alternatives. This is content delivery network primarily focused on static cache optimisation. The setup is pretty easy and straight forward. It includes setting up account at the official website and also DNS adjustments of your domain name. Here is how to setup your account:

  1. Create a new account at the official website
  2. Login and Click Add site. The button is on the top right corner of the screen
  3. The system will scan your domain name name and suggest updating name servers. That change can be done from the management area of your domain name registrar.
  4. After doing this, you will be able to proceed and activate the server
  5. Generating cache may take up to 24 hours

Even the free service offers a number of advantages. The main ones of them are :

  1. Detailed analysis of the traffic
  2. DNS management
  3. Secure connections are also supported
  4. Auto minify options
  5. Firewall and page rule settings
  6. Cache management utilities
  7. Additional network protocols such as RailGun, HTTP/2 + SPDY, WebSockets and True-Client-IP Header
Summary
WordPress static content - how to speed up the website
Article Name
WordPress static content - how to speed up the website
Description
WordPress static content - what is it and how to speed it up. Static content origin and analysis. How to reduce load time using caching plugin and CDN. Free CloudFlare advantages and options.
Author
Publisher Name
wppotion


Do you want to share your opinion?

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


*

Рязане и пробиване на бетон Сканиране на бетон Безвзривно разрушаване на бетон
We are not industry specific. We are WordPress specific. We work with everyone to help them find solutions with their troubles.
If you show us the problem you are experiencing, we will show you how to fix it. It is that simple.


Reported WordPress issues

  1. node js wordpress, client.getPostType( 'title to search'); returns TypeError: fn is not a function in node_moduleslibwordpress.js:207:4
  2. Fixing Mismatched Image Class in Existing Posts
  3. How to make an exception in my PHP code to exempt a certain URL from being redirected?
  4. How to wordpress pagination url change
  5. Wordpress website's navbar dropdown is not working
  6. AJAX in WordPress Template Not Working in WordPress Plugin Class
  7. Insert jquery var into php encode to pull ACF fields for Wordpress template
  8. An error occurred after updating Wordpress 5.3
  9. Get site URL in Wordpress
  10. Does Google Form on AMP require HTTPS?

WordPress problems we are working on

  1. Wordpress WPLMS add attachment field in edit course
  2. Is the WordPress $wpdb object secure for making SQL calls with PHI information?
  3. WordPress custom related posts using Ad Inserter
  4. Redirect to URL based on product purchased in Wordpress
  5. React-router-dom problem with routes after creating app with react-create-wptheme
  6. Re-Building Website to Wordpress with Full-Width Gallery Transitions (animsition + owl-carousel)
  7. How to get Session of word press from other site If some user is currently active in word-press
  8. I can't get wordpress custom footer to work on about us page
  9. get_post_meta() not display field value for first item in wordpress loop
  10. Custom Wordpress Development - building a custom page builder

Resolved issues

  1. MySql Connection in Anaconda Jupyter Notebook
  2. How to add Custom Fields of Custom Post to REST API?
  3. WordPress - Override template image resizing
  4. How to integrate 3rd party api / json in wordpress
  5. ACF Group Sub Field Not Displaying
  6. What will ES5 code look like for Wordpress CheckboxControl
  7. Wordpress forum in Spanish
  8. wordpress theme footer.php file have some malicious code
  9. Setup 301 redirect for .html pages Wordpress
  10. Value is pulled wordpress
wppotion - powered by persistence and passion