How to fix ‘Eliminate render-blocking JavaScript and CSS in above-the-fold content’ error on Google PageSpeed for your WordPress Website

Here is how you may want to tune up your WordPress website performance i.e. how much time it takes to download your website from server to your visitors’ computer, mobile or tablet.

 
In era of responsive design we tend to embed more than one Javascript or CSS files such as bootstrap css & js file bundles.

 
And if you have integrated third party advertising in your website then vendor like Google they add their own javascript file through their AdSense ad code that you can’t control.

 
But here is simple way out of this problem.

 

Important Note: Compressing, Minifying or Deferring Files may have adverse effect on functionality of website because of dependencies so first do following steps on your local server if everything looks to be working fine then you can update same files on Live servers. Just for safety & security purposes.

 

Here is example:

 
When you ‘Analyse’ your website on Google PageSpeed you get warning something like this:

 
Your page has 4 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

(more…)

Continue Reading Post

How to change opacity or transparency of Background Color in CSS without affecting text, images or other web properties

There are instances when you think that would be great idea if you can able to change opacity of background color of div without affecting text, image & other web properties present inside same div of HTML & CSS.

 
Yes, that is possible… Here is the Answer:

 
What you normally do is specify background color in CSS using hex i.e. Hexadecimal values like this:

 

.navbar {background-color: #ffffff;}

 
But if you use rgba to specify background color in CSS you can utilise it’s feature called Alpha i.e. RGBA is short form for Red – Green – Blue – Alpha

(more…)

Continue Reading Post

How to enable HTTP persistent connection or HTTP keep-alive for your website for faster page speed using .htaccess file

As Wikipedia explains:

 

HTTP persistent connection, also called HTTP keep-alive, or HTTP connection reuse, is the idea of using a single TCP connection to send and receive multiple HTTP requests/responses, as opposed to opening a new connection for every single request/response pair. The newer SPDY protocol uses the same idea and takes it further to allow multiple concurrent requests/responses to be multiplexed over a single connection.

 

Note: I assume you have adequate knowledge of handling your server & server settings & you are well versed in your field

 
You can put following code in your .htaceess file which is available in your root of your server’s html folder

(more…)

Continue Reading Post

How to enable Gzip Output Compression using Mod Deflate in WordPress for minimising website load time, increase speed & performance, WordPress Performance Tip

If you want to increase your website’s performance & speed by reducing website’s load time on client’s i.e. visitor’s machine then this tutorial will help you.

 

Something About WordPress: WordPress on its own does not offer a mechanism to compress the blog’s HTML output. This normally is a feature provided by the Apache enabled web server.

 

As Apache Website Defines: The mod_deflate module provides the DEFLATE output filter that allows output from your server to be compressed before being sent to the client over the network.

 
Here is how to enable gzip compression via .htaccess

 
If you prefer to enable or fine tune output compression with the apache server, then copy paste below code in your .htaccess file:

(more…)

Continue Reading Post

How to disable WordPress Pingbacks & Trackbacks, One of the old Feature & Core Functionality of WordPress, Optimum Performance Tip

Let’s Know, What is really Pingback is?

 
A pingback is a type of comment that’s created when you link to another blog post where pingbacks are enabled. The best way to think about pingbacks is as remote comments:

 

  1. Person A posts something on his blog.
  2. Person B posts on her own blog, linking to Person A’s post. This automatically sends a pingback to Person A when both have pingback enabled blogs.
  3. Person A’s blog receives the pingback, then automatically goes to Person B’s post to confirm that the pingback did, in fact, originate there.

 
Let’s Know, What is really Trackback is?

 
Trackbacks are a way to notify legacy blog systems that you’ve linked to them. If you link other WordPress blogs they’ll be notified automatically using pingbacks, no other action necessary.

 
Think of trackbacks as the equivalent of acknowledgements and references at the end of an academic paper or chapter in a text book.

 
To send a trackback, add the trackback URI from the other blog post to the Send Trackbacks module in your blog post before you publish it. A trackback URI from a WordPress blog will end with /trackback/.

(more…)

Continue Reading Post

Display Advertiser Features i.e. Demographics and Interest Reports & Use enhanced link attribution not working Google’s new Universal Analytics, Here is how to fix it & make it work & show relevant data by tweaking tracking code

Hope you have enabled & upgraded to Google’s new Universal Analytics under your preferred domain’s admin tab.

 
After a while you may realise under Home > Your Domain > Audience > Demographics / Interest Google Analytics is showing no data feed is empty.

 
But there is way how to fix this fault by following below steps,

 

Step 01:

 
Go to Admin tab > Property > Select your preferred domain > Property Settings > Enable ‘Demographics and Interest Reports’ & ‘Use enhanced link attribution’ > Now save the settings

 

Step 02:

 
Now go to Admin > Property > Your preferred domain > Tracking Info > Tracking Code

 
Now implement given code to reletive website’s header or footer

(more…)

Continue Reading Post

Jetpack Related Posts not working or displaying – appearing on WordPress Self Hosted Website Domain or Subdomain, Here is why it is happening & how you can fix it.

With JetPack for WordPress, Automattic is releasing wordpress.com features for WordPress Self Hosted websites.

 
One of that release is one feature called ‘Related Posts’ where by you can activate this inbuilt plugin like functionality to scan your self hosted website & display desired number of related posts under each blog post.

 
This feature helps user to discover & read related post category content more easily & it also increases website’s click through rate i.e. Average pages visited by each website visitor.

 
But it sometimes doesn’t show any related posts under any blog post, but there is reason why it acts up that way.

(more…)

Continue Reading Post