What is WordPress? WordPress is an online, open source website creation tool written in PHP. It’s probably the easiest and most powerful blogging and website content management system (or CMS) in existence today.

Things to consider of having a wordpress website when visiting the frontend.

1. Contents

How engaging your contents in your website?

2. Looks & Appearance.

We’ve believe that the most beautiful it looks the more slower it goes, why? Because in order to build and achieve that looks, your website would need some functionalities. Basically, these are consist of Java scripts, html, CSS, PHP codes, Photos’, videos. You might also want to consider the contents that are coming from external sources. A good candidate for this are the social sharing buttons:

  • Social sharing buttons could impact on your Website Performance. Social media share buttons can be easily added to any website. The buttons make it simple for users to share the page, and display the number of times people have shared that page. This might make it seem like a no-brainer to include on every website you design, but these buttons come at a cost to performance.

Pitfalls of social share buttons

  • Dependent on Javascript
  • Downloads 3rd party resources
  • Adds additional http requests

3. Image size

Images often make up the biggest part of what a user has to download for a website, although this of course depends on what type of website it is and how graphics intense it is. Recommended image size for a webpage should not more than 500kb. When checking the image size, we usually used Pingdom as it gives more detailed report and the path of where exactly the images that need resizing.

Pingdom-1024x493.png

4. TTFB

What is TTFB?
TTFB stands for time to first byte. To put it simply, this is a measurement of how long the browser has to wait before receiving its first byte of data from the server. The longer it takes to get that data, the longer it takes to display your page. So how we can improve this? We can’t really but having a good server /Hosting.

5. Render-Blocking JavaScript and CSS

Every WordPress site has a theme and plugins that add JavaScript and CSS files to the front-end of your website. These scripts can increase your site’s page load time, and they can also block rendering of the page. A user’s browser will have to load those scripts and CSS before loading rest of the HTML on the page. This means that users on a slower connection will have to wait a few milliseconds more to see the page.

So how to fix this issue?
1. To make it simpler and recommended for most users, we often used Autoptimize plugin.

2. More complex, using Asset CleanUp plugin. There are often times when you are using a theme and a number of plugins which are enabled and run on the same page. For instance, you might use a plugin that generates contact forms and it loads its assets (.CSS and .JS files) in every page of your website instead of doing it only in the /contact page (if that’s the only place where you need it).

How necessary to have perfect score on Pingdom and Gtmetrix?

Honesty no, the more important is the actual browsing experience. Those are mean to be recommendations that should be followed but some Critical Javascripts are in use by your theme by WordPress itself and some plugins.It might not necessary to render-blocking JavaScript as it would break some functionality on your site.