Green Hat Expert

You are here: Home / Archives for How to

How to Fix Eliminate render-blocking JavaScript and CSS in WordPress

By

In this post of Green Hat Expert, we shall discuss How to Fix Eliminate render-blocking JavaScript and CSS in WordPress.

How to Fix Eliminate render-blocking JavaScript and CSS in WordPress

Do you want to eliminate render-blocking JavaScript and CSS in WordPress?

When you put your website on Google pagespeed insights, you may face the problem of eliminate render-blocking scripts and CSS.

In this post, I shall show you how to easily fix render blocking JavaScript and CSS in WordPress to increase Google pagespeed score.

What is Render-Blocking JavaScript and CSS?

Every WordPress site consists of theme and plugins which adds JavaScript and CSS files to the front side of your site.

So these scripts can slow your website and increase the load time and also block rendering of the page.

The browser of the user has to load the scripts and CSS before loading the HTML on the page.

It means that those users who have slow connection will wait for a few milliseconds to see the page.

The stylesheets and scripts are known as render-blocking JavaScript and CSS.

Bloggers or site owners will have to fix this issue in order to get 100/100 Google PageSpeed score.

What is Google PageSpeed Score?

Google PageSpeed Insights is an online tool by Google in order to help the users to optimize their sites on mobile as well as on desktop.

This tool will test your websites for Google’s guidelines to check the speed of your site and how to improve it.

Google calculates your score on the number of rules that your site passes.

Most of the sites get 50-70 score.

There are some users who want to achieve 100 that is the highest page score.

Do You Really Need the Perfect “100” Google PageSpeed Score?

Google pagespeed insights give you guidelines to improve the performance and speed of your website.

You do not have to follow these rules strictly.

The speed has become one of the main SEO metrics in Google and it tells Google how to rank your site.

The speed of the site improves the user experience on your website.

A better user experience does not depend on just speed. You have to provide useful information, better user interface with engaging content, text, videos and images.

Your task is to create a fast site which gives great user experience.

So you need to focus on speed as well as improving the user experience.

We suggest that you should use Google Pagespeed insights rules as recommendation. If you can implement on your site without ruining the user experience. Then it is a great thing. Otherwise, do as much as you can do.

Now let’s take a look at what we can do to fix render blocking JavaScript and CSS in WordPress.

I shall give you two methods to fix the render blocking JavaScript and CSS in WordPress. You can select the one that suits you and your site.

  1. Fix Render Blocking Scripts and CSS with Autoptimize

It is a simple method and recommended for most of the users.

First of all, you need to install and activate Autoptimize plugin.

After activation, you need to go to the Settings » Autoptimize page to configure the plugin settings.

autoptimize settings

Begin with checking the box next to CSS and JavaScript options and click the save changes button after doing so.

Use the pagespeed tool to test your website. If you are still having render blocking scripts, you need to go to the plugin’s settings page. Then click on show advanced settings button which is at the top.

autoptimize advanced js

Now you can allow the plugin to include inline JS and remove scripts which are excluded by default like seal.js or jquery.js.

Scroll down to CSS option and allow plugin to aggregate inline CSS.

Then click “save changes and empty cache” button in order to save the changes and empty cache.

After completing it, go ahead to check your site again using PageSpeed tool.

Now thoroughly check your website to see that if anything is broken by optimizing your CSS and JavaScripts.

How does it work?

Autoptimize combines all enqueued JavaScript and CSS. After doing that, it creates minified CSS and JavaScripts files and gives cached copies to your website as deferred or async.

It allows you to fix the render blocking scripts and styles issues or problems. But you need to keep in view that it can also affect the appearance and performance of your website.

2. Fix Render Blocking JavaScript using W3 Total Cache

This method needs a little more work and suggested for users who are already using W3 Total Cache plugin on their site.

First of all, you need to install and activate the W3 Total Cache plugin.

Then, visit Performance>General Settings page and scroll down to minify section.

w3tc enable minify

Firstly, check the option “enable” next to minify option and select manual for minify mode option.

Click on save all the settings button to save your settings.

Your next task is to add the scripts and CSS which you want to minify.

Get the URLs of all the stylesheets and scripts which are render blocking from Google pagespeed insights tool.

You may also like our guide about

How to Score 100/100 in Google Pagespeed insights

You will see under the suggestions where it displays the error ‘Eliminate render-blocking JavaScript and CSS in above the fold content’, click on ‘show how to fix’. It will show you the list of scripts and stylesheets.

script urls

Use your mouse to a script and it will show you the full URL. Select the URL and press CTRL+C from your keyboard to copy the URL.

Now go to your WordPress admin area and go to Performance>Minify page.

First of all, add JavaScript files which you want to minify or to be minified. Scroll down to JS section and under the ‘operations in areas’ set the embed type to ‘Non-blocking async’ for the head section.

add scripts

Now click on the ‘add script’ button and start adding the script URLs which you copied from Google PageSpeed tool.

After doing that, scroll down to CSS section and click the button “Add a stylesheet”. Now start adding stylesheet URLs which you copied from Google PageSpeed tool.

add style sheets

Now hit “save settings and purge cache” button to save your settings.

Go to Google PageSpeed tool to test your site again.

Also, check your website thoroughly to see that everything is functional and working fine on your website.

Troubleshooting

It depends on how your WordPress themes and plugins use JavaScript and CSS? It can be challenging to completely fix all render blocking JavaScript and CSS issues in WordPress.

The above tools can be helpful and your plugins may require certain scripts at a different level to work in a proper way.

In that case, the above mentioned solutions can behave unexpectedly or break your plugins.

Google may still show you certain issues like optimizing CSS delivery for above the fold content. Autoptimize can enable you to fix this by adding manually inline CSS needed to display the above fold area of your theme.

However, it can be a difficult task to find what CSS code you will require to display above the fold content.

I hope that this article will help you to learn how to fix Eliminate render blocking JavaScript and CSS in WordPress.

Do not forget to share this post and also like our Facebook page.

 

How to Mod the Google Snake Game

By

To mod the Google Snake Game, first of all, you need to download the Google Snake Menu Mod on GitHub.

The mod comes with additional menu options.

After installing the mod, you need to import it to your bookmarks.

On the other hand, you can paste the code from custom.js into the console, after doing so, you need to type this in the console, “window.snake.customMenuStuff();”.

In the end, play the Google Snake Game and open “More Menu Stuff” to use the mod.

To access the mod in the Google Snake Game, you need to click on the gear icon.

Here is a step by step guide to mod the Google Snake Game:

Step 1. Download the Google Snake Menu Mod

To get started, the first thing is to download the Google Snake Menu Mod on Chrome.

You need to know that this guide will only work on Google Chrome.

Hence, using other web browsers like Microsoft Edge or Firefox will not work.

First of all, visit the GitHub page of the Google Snake Menu Mod by using this direct URL: https://github.com/DarkSnakeGang/GoogleSnakeCustomMenuStuff/releases/tag/Permanent.

You will see many assets once you open the page.

The assets are “MoreMenu.html”, “Source code (zip)”, and “Source code (tar.gz)”.

I will activate the Google Snake Menu Mod by importing it as a bookmark for the sake of this post.

To download the mod, click on “MoreMenu.html”.

Step 2. Go to your bookmark manager

After downloading “MoreMenu.html”, the next task is to import it to your bookmarks.

You need to visit your bookmark manager to get started.

Firstly, you need to click on the three dots available on the top navigation bar of Google Chrome.

It will show a menu that has multiple options such as “New tab”, “New window”, “New incognito window”, and many others.

In order to open the bookmarks, you need to click on “Bookmarks”.

There are multiple options available in the “Bookmarks” menu such as “Bookmark this tab…”, “Bookmark all tabs…”, “Show bookmarks bar”, and so on.

To visit your bookmark manager, you need to click on “Bookmark manager”.

Step 3. Click on the three dots

After clicking on the “Bookmark manager”, the list of your bookmarks will be shown.

Now, all you need to do is to import the Google Snake Menu Mod to your bookmarks.

Click on the three dots available on the top navigation bar to import the mod.

Step 4. Click on “Import bookmarks”

When you will click on the three dots, it will show you multiple options.

The options will be “Sort by name”, “Add new bookmark”, and “Add new folder”.

You can also import and export bookmarks.

In order to import a bookmark, click on “Import bookmarks”.

Step 5. Open “MoreMenu”

When you click on the “Import bookmarks”, it will open the File Explorer.

Now, you need to find the “MoreMenu.html” file.

In most cases, the file is available in the “Downloads” folder.

To check the recent downloads, you need to click on “Downloads”.

In the end, click on “MoreMenu”, and click on “Open” to import it to your bookmarks.

Step 6. Open “More Menu Stuff”

After importing the “MoreMenu.html” to your bookmarks, now it is available for you to use.

First of all, open the Google Snake Game by searching for the term “Snake game” on Chrome.

To play it, click on “Play”.

Once you have begun the game, click on the three dots available on the top bar of Google Chrome.

Now, click on “Bookmarks” to check the list of your bookmarks.

Then, click on “Imported” to check the imported bookmarks.

Now, click on “More Menu Stuff” to activate the Google Snake Game Mod.

In the end, open the mod menu by clicking on the gear icon.

On the other hand, you can paste the code from custom.js into the console, then type this in the console, “window.snake.customMenuStuff();”.

To get access to console, click on the three dots available on the top bar of Chrome > More tools > Developer tools > Console.

Step 7. Use the mod menu

The mod menu will open when you will click on the gear icon.

You will see a number of options to select from after doing the activation of the Google Snake Game Mod.

The options are more food, maps, animals, and much more cool stuff!

I hope that you have learned how to install mods in the Google Snake Game!

Final Words

Modding the Google Snake Game will make the game more interesting and fun!

There will be a lot of options to select from.

You need to bear in mind that you can only use the Chrome browser to install Google Snake Game mods.

If you are using other browsers like Yandex, Firefox, you will not be able to install the mod.

What’s Next

Funny, Cool and Best Gaming Names

How to Unblur Course Hero

How to Fix “Your Windows license will expire soon” on Windows 10

How to Contact OpenSea

By

Do you have any issues on OpenSea?

OpenSea is one of the most popular NFT marketplaces.

However, the marketplace is more likely to develop bugs and face downtime.

It may take a while for OpenSea support to give you a response due to a large number of users and requests.

Therefore, you might need to wait for many days to get your issue resolved.

Luckily, there is not a one method to contact OpenSea but more than one ways.

In this post, I am going to tell you how to contact OpenSea for support, what is OpenSea’s email and can you call them.

How to contact OpenSea

To contact OpenSea, you can use their Twitter account or a request, or you can join their Discord server.

On the other hand, you can also use the official email of OpenSea at contact@opensea.io.

OpenSea contains a help center where you can submit a request.

It is the best way to get help from Opensea.

If they have not responded or resolved your ticket for many days, you can ping them on Twitter too.

The official Twitter account of OpenSea for support is @opensea_support.

Unluckily, the direct messages are disabled by them, but you can still tag them in a tweet.

In addition, you can also reply to one of their existing tweets with your ticket ID so they can address your issue.

There are several ways to contact OpenSea:

Method 1. Submit a request

The first method to get OpenSea support is to submit a request.

First of all, you can contact them using the Opensea “Submit a request” page available on the help center.

On the other hand, you can submit a request directly here: https://support.opensea.io/hc/en-us/requests/new.

After reaching the “Submit a request” page, you need to choose what you need help with.

There are several categories or options that you can select from.

The categories are “Account”, “Wallet and Transaction Errors”, “Buying NFTs”, and so on.

If you are having issue with your OpenSea account, you need to select the “Account” category to get help.

After selecting the category that you need help with, the next thing is to complete the rest of the form.

It will ask you about your email address, a sub-category, and your wallet address.

Also, you also have to enter the subject and a description of your problem on Opensea.

Additionally, If you want to add screenshots for better help, you can upload them under “Attachments (optional)”.

In the end, you need to submit the request and wait for the team of OpenSea to reply.

The process may take several days to get response from them.

Opensea will use your email to reply you that you have given while contacting them.

Method 2. Tag OpenSea on Twitter

If you are unable to get Opensea attention after multiple days, you can tag them on Twitter.

This option will help you to get a response quicker.

There are two OpenSea Twitter accounts.

The accounts are @opensea and @opensea_support.

The Twitter account that you should tag is @opensea_support.

Unluckily, you cannot send a DM to @opensea_support because they no longer receive direct messages and direct messages are disabled.

However, you can still ping them on Twitter or get response from them by replying to their tweets.

Compose a tweet that tells about your issue and tag @opensea and @opensea_support to contact them on Twitter.

The issue can also be discussed with them by replying to one of their tweets.

All you need to do is provide them with your ticket ID so that they can get in touch with you accordingly.

Method 3. Join the OpenSea Discord server

OpenSea also contains a Discord server where you can get assistance regarding your issues and also provide feedback.

However, the help will be provided by the community on their server.

First of all, you need to join the OpenSea Discord server from this URL: https://discord.com/invite/opensea.

You need to agree to the rules before you can start chat on the server.

After accepting the rules, reach the “community-help” channel.

If you have a question about Opensea, you can ask their community for assistance.

If you are facing a bug, you can report that in the “bugs” channel.

What is OpenSea’s email?

The official email address of OpenSea is contact@opensea.io.

If you need help with your issue, you can get in touch with OpenSea at contact@opensea.io and they’ll respond to you request as early as possible.

You need to check the email address of the Opensea account, if you have received an email from them, check the sender’s email.

It is because OpenSea will not contact you via email address unless you’ve recently submitted a request.

Can you call OpenSea?

No, a call option is not available for Opensea.

No, you cannot call OpenSea.

It is because OpenSea does not have a phone number that you can use to call them.

The fastest way to get in touch with OpenSea, you need to submit a request on this URL: https://support.opensea.io/hc/en-us/requests/new.

It is one of the ideal ways to get help from OpenSea.

Final Words

Try to solve your issue by yourself before you try to contact Opensea.

This can be done by using the OpenSea help center directly here: https://support.opensea.io/.

The help center offers multiple help categories that you can select from.

For instance, if you want to know how to buy an NFT, you need to click on the “Buying” category.

The whole help center has many helpful articles for your assistance.

Search bar can also be used to get the help related to your category.

If you are unable to solve your issue by yourself, you need to use Opensea submit a request option.

Due to an increase in requests, it may take a while to get a response from Opensea on your request.

What’s Next

How to Contact MetaMask

How to Contact Coinbase

3 Ways to Contact TikTok

How to Contact MetaMask

By

Do you have any issue or problems on MetaMask?

There is a chance that your transaction is pending or stuck.

Or maybe the token balance is not displayed to you.

Either way, you need to contact MetaMask for the sake of assistance.

Before you try contacting MetaMask, you can visit the FAQ page for help.

It is because the FAQ page has answers to commonly asked questions on MetaMask.

In addition, assistance is also available on the MetaMask community.

You need to create a new account in order to post there.

In this article, I am going to tell you how to contact MetaMask, whether they provide support, and what is their email address for help.

How to Contact MetaMask

To contact MetaMask, you can use the email, or submit a request or contact them on Twitter.

On the other hand, you can get help from the MetaMask community too.

You can contact them by submitting a request, MetaMask has a “Submit a request” page.

Try to add as much information as possible when you’re submitting a request to them.

The information will reduce the delays in replies.

The email address of MetaMask is support@metamask.io.

You can use the email in order to report a bug or you need help with something.

The last method is to use MetaMask’s official Twitter account for support @MetaMaskSupport.

You can post a tweet and tag @MetaMaskSupport if you have any problems and you want to bring them into their notice.

Here are 3 methods to contact MetaMask:

Method 1. Submit a request

The first method to get MetaMask support is to submit a request.

You can contact them using the MetaMask “Submit a request” page.

While submitting your request, you need to ensure that you have put all the details to describe your issue.

First of all, visit the “Submit a request” page by clicking on this direct URL: https://metamask.zendesk.com/hc/en-us/requests/new.

After reaching the page, you need to select the issue you are facing (e.g. MetaMask Extension).

After doing so, enter your email address and select the version of your MetaMask.

You can locate it by right-clicking “MetaMask” and clicking on “Manage Extension”.

After doing so, you need to choose the network and the purpose of contacting MetaMask.

Then, include the subject, description, and attachments to get an overview of your problem.

In the end, click on “Submit” to submit your request to MetaMask.

After submitting your request, you need to wait for a few days to get response from MetaMask.

They will use email to reply to you.

Method 2. Email MetaMask

The second method is to use the email address to contact MetaMask.

Email them to get in touch with them and MetaMask’s official email address is support@metamask.io.

When a user wants to send them a bug report, this email address is mainly used for this purpose.

However, it can also be used for the sake of reporting an issue you are experiencing.

The issues can be related to transactions, glitches, questions and so on.

You need to provide the maximum details to get your issue solved via email.

This action will prevent the delays in getting response.

After sending the email, wait for some days to get the response from MetaMask.

Method 3. Use Twitter for MetaMask Support

The last method in this list to contact MetaMask is to tweet them by using Twitter.

To get official support from MetaMask, you need to use the official Twitter account for support that is, @MetaMaskSupport.

The MetaMask Twitter account is verified, so you need to ensure that it has a verification badge before you post a tweet.

Now, you can do couple of things.

First of all, you can tag them @MetaMaskSupport by posting a tweet about the issue that you’re facing.

It is an ideal way to attract their attention.

Secondly, you can also reply to one of their existing or new tweets.

In the reply, you can send them the problem you are facing.

After going through their tweets and replies, I come to know that @MetaMaskSupport is very active.

Is there a MetaMask support?

Yes, MetaMask does have a user support.

There are some channels you can use to reach them.

The main channels to reach them are the “Submit a request” page and their Twitter account @MetaMaskSupport.

You can contact MetaMask support directly by using their “Submit a request” page.

On the other hand, you can also use their email and contact them at support@metamask.io.

What is MetaMask email?

The official email address of MetaMask is support@metamask.io.

The email address can be used to report a bug or if you are having any trouble with the extension of MetaMask.

You need to check the email address of the sender if you have received an email from MetaMask.

It is because sometimes even if the email is from support@metamask.io, it might be fake.

The second thing you need to keep in mind that MetaMask will never ask you for your secret recovery phrase.

Final Words

Before you try contacting MetaMask, it is highly suggested that you visit their Help Center first.

You can get help from the Help Center because it has multiple help categories that you can select from.

The categories are “Getting Started”, “Managing my Account”, “Token Swaps”, and many more.

You need to choose the category that you need help with and read the available article that is related to your issue.

Again, you need to keep in mind that MetaMask support will never ask you to reveal your secret recovery phrase.

If someone is asking for it then it will be a scammer online that asks you for your secret recovery phrase.

You need to stay away from them because if you share your recovery phrase with them, your funds will be stolen.

A scam example of such email is, you may receive an email saying that your wallet will be suspended.

What’s Next

How to Contact Coinbase

3 Ways to Contact TikTok

6 Working Methods to Contact OnlyFans

How to Fix “Your Windows license will expire soon” on Windows 10

By

The first thing you need to do to fix “Your Windows license will expire soon” on Windows 10, is to end the task for “Windows Explorer”.

After doing that, you need to run “explorer.exe”, run slmgr –rearm” on the command prompt and reboot your PC/computer.

The error message will not be shown when you restart the computer.

If the license of the windows expires, it will restart the computer every 3 hours.

Consequently, any unsaved files and data will be lost.

Therefore, it is necessary to fix the license issue before it expires.

There are six steps to follow in order to fix “Your Windows license will expire soon” on windows 10.

Step 1. End task for “Windows Explorer”

First of all, you need to end the task for “Windows Explorer”.

Open the Task Manager to complete this step.

There are two methods to open the Task Manager.

First of all, you can use this command from the keyboard = press “CTRL” + “ALT” + “DEL”.

Secondly, you can open the Task Manager using the Windows taskbar, right click on it and click on “Task Manager”.

After opening the task manager, locate the “Windows Explorer” task there.

Now Right-click on the “Windows Explorer” task.

This will show multiple options such as “Restart”, “End task”, “Resource values”, and so on.

To end the task, you need to Click on “End task” to end the task for “Windows Explorer”.

Step 2. Run a new task

After ending the task of “Windows Explore”, the color of the screen may turn black.

This is another process you should not be worried about.

After doing so, the next process is to re-run the task for “Windows Explorer”.

To get started, on the top of the Task Manager, you need to click on “File”.

You will come across a couple of options such as “Run new task” and “Exit”.

You need to click on “Run new task” in order to run a new task.

Step 3. Run “explorer.exe”

After clicking on “Run new task”, it will open a “Create new task” pop up.

The pop up enables you to run the folder, document or program by using its name.

Next, windows will open the task you were trying to open.

Its time to re-run the task of “Windows Explorer”.

You need to enter “explorer.exe” on the search bar to perform this task.

In the end, to run it, click on “OK”.

Step 4. Open the Command Prompt

After running the “Windows Explorer” task, your screen will be restored to normal.

In the command prompt, you need to run a command now.

To perform this task, you need to open the command prompt.

Use the search bar of Windows, and type “cmd” in the search.

When you will perform the search, you will come across the app of “Command Prompt”.

To open it, you need to Click on “Command Prompt”.

Step 5. Run “slmgr -rearm”

After opening the cmd or command prompt, the first task is to run a command there.

You need to give the command “slmgr -rearm” and run it.

Type “slmgr -rearm” from the keyboard and hit enter to process the command.

The windows activation timers will be reset after running this command.

It means that you will be able to use the windows without extending the trial.

For example, if the trial is valid for 30 days for windows, the command will reset it, you need to run the command in command prompt that is, “slmgr -rearm”.

In the end, it will prevent “Your Windows license will expire soon” error from windows.

Step 6. Reboot your computer

After running the command, you will see a pop-up message.

The message will show that the command is completed successfully.

Here is the full message that will appear, “Command completed successfully. Please restart the system for the changes to take effect”.

It means that you need to reboot or restart your pc for the changes to take effect.

You need to follow the steps, click the windows icon, click on the power icon and choose the restart option and click on it to reboot.

After rebooting your system, the “Your Windows license will expire soon” should be gone!

How do I extend my Windows 10 license?

Here is another way to extend your Windows 10 license.

  1. First of all, you need to press the Windows + R key.
  2. Type “gpedit.msc” in the run bar and run it.
  3. Click on “Computer Configuration” in the Local Group Policy Editor.
  4. Next, expand “Administrative Templates”.
  5. Expand “Windows Components”.
  6. Now, Scroll down and double-click on “Windows Update”.
  7. Double-click “No auto-restart with logged on users for scheduled automatic updates installations”.
  8. Choose “Enabled”, and click on “Apply”, and click on “OK”.

Follow these steps to get rid of the “Your Windows license will expire soon” error for good.

Final Words

There are two reasons that you are getting “Your Windows license will expire soon” error on Windows 10.

The first reason is, you might be using a pirated version of Windows 10.

The second reason can be a scam pop-up that you might be getting.

If the license of your windows expires, you will not be able to use certain features on windows.

Therefore, I highly suggest you get rid of it or fix it as early as possible.

There is another thing you need to keep in mind if you have an unlicensed windows operating system, this post will not help you.

In order to fix the error, you should have a genuine windows operating system on your laptop/PC.

What’s Next

How to fix DHT Waiting to log in