Fix inline small css in GTMetrix

To fix inline small css in GTMetrix for a WordPress or any other website all you need to do is either use plugin such as Autoptmize or any other css/js compression plugin which compresses the css and make it inline which in effect will resolve the inline small css issue in GTMetrix.


Resolve Google Map Leverage browser caching Issue in Google Pagespeed Insights

To Resolve Google Map Leverage browser caching Issue in Google Pagespeed Insights you need to use a plugin to show the Google map instead of directly embedding it in the website.

  1. Download the plugin from WordPress one such plugin is
  2. Google need API key which you can generate from here and input in the plugin when asked.
  3. create the Google map and add the generated shortcode.
  4. done.







WordPress move jquery to footer to resolve for Render Blocking

If facing render blocking due to WordPress default jquery wp-includes/js/jquery/jquery.js you need to move the script to footer and to do that add the following codes in the themes functions.php file.

Code for WordPress  to move jquery to footer

function starter_scripts() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', includes_url( '/js/jquery/jquery.js' ), false, NULL, true );
    wp_enqueue_script( 'jquery' );

    wp_enqueue_style( 'starter-style', get_stylesheet_uri() );
    wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', '', '', true );
add_action( 'wp_enqueue_scripts', 'starter_scripts' );


Now you jquery script in WordPress blog will be in footer and hopelly will resolve the render blocking issues in Google pagespeed insights.

Cloudflare ssl error showing “ERR_CERT_AUTHORITY_INVALID”

I am trying to add CloudFlare free ssl on dedicated server based(WHM). I am getting warning in Chrome “ERR_CERT_AUTHORITY_INVALID”.
cloudflare ssl error
1. I have updated the Name Server(almost 24 hours ago) and Cloudflare is showing This website is active on Cloudflare.
2. Even Page Rules is not working on CloudFlare.
3. Checking the website on shows CloudFlare IPs.cloudflare-ssl



  1. check if autossl is enabled in WHM, disable and try again
  2. Add CloudFlare ssl in the cpanel  generate the cloudflare ssl and add in the cPanel.
  3. If you  are on dedicated hosting in WHM make the CloudFlare SSL primary.
  4. Check Chrome again.


Resolve MAXCDN not showing WebFonts

The reason for MAXCDN not showing WebFonts is not it is missing  “Access-Control-Allow-Origin” in the header and because when using Webfonts via @font-face or other CSS3 methods, some browsers like Firefox and IE will refuse to embed the font when it’s coming from a 3rd party URL because it’s a security risk.

# CORS-enabled images (@crossorigin)
# ———————————————————————-
# Send CORS headers if browsers request them; enabled by default for images.

# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(gif|png|jpe?g|svg|svgz|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS

# ———————————————————————-
# Webfont access
# ———————————————————————-
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like “”.

<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”


https :// www. maxcdn .com/one/tutorial/how-to-use-cdn-with-webfonts/

css js gzip compression not working

  1. If css js gzip compression not working you need to check if the Apache server getting javascript as application/javascript or as text/javascript. You might need to contact the host regarding this to resolve the issue.
  2. Also check for possibility that your website is running on Nginx server and it has disabled the gzip compression for traffic coming on https version of the website as sometime Gzip for SSL requests is blocked by Nginx server.