Small Changes Tips for Optimization

Small changes may help your optimization better for page loading speed. For that reason, I have tried some important changes in my site to check my page loading speed timely and it works well. Cache plugin activation is one of them. From Image Optimization to Page Optimization, I used the Lightspeed cache plugin and Smush plugin. You may Check these Small Changes Tips for your website.

Table of Contents

1. Small Changes Tips for Optimization
   1. 1. 1. Small changes Tips
         2. How to restore backups using Hostinger hPanel?
         3. Light Speed Cache Plugin
         4. What will you do if the navigation search Icon is not working properly?
         5. How to hide tags in WordPress websites?
         6. Have you ever checked and passed these tests?
         7. How to change the size of the text in the list block?
         8. A small change in the JS Setting can show your Ads
         9. How to Change Sender Name in Outgoing WordPress Email without a plugin?
         10. How to solve mobile usability issues in Google Search Console?
         11. Use this CSS code for a responsive table on a Mobile device
         12. How to solve “Not found (404)” error on Google Search Console?
         13. How to solve this issue in WordPress?

Small changes Tips

1. Sometimes changing themes does not work. I found that my new theme Astra on WordPress does not work when I open my site in a browser. After searching for this problem, I found many solutions in search results. But I implemented only one change, that is I deactivated my cache plugin from the WordPress dashboard. It was working nicely. Small Changes can work very well for optimizing page load speed.
2. I installed another cache plugin to improve page loading speed.
3. For line spacing, I used this code (.post p{line-height: 2.5em;}) on additional css which is customized in the appearance tab of the WordPress dashboard. APPEARANCE > CUSTOMIZE > ADDITIONAL CSS. For bullet & numbered list spacing in WordPress, I used this code (style=”padding-bottom:16px;”) in between <li>tag.
4. To increase page load speed on both desktop and mobile I update the plugin timely.
5. I solved two mobile usability issues as soon as I noticed them in my Gmail inbox detected by the Google search console. They are (a) clickable elements too close together and (b) Text too small to read. I increased the size of the text font and fixed both the detected issues at once.
6. I purge all every time from Lightspeed Toolbox and Cache Manager of hosting provider Hostinger when I make any changes in my blog. It helps maintain the site loading speed well. Check your page loading speed using google pagespeed. Check all the metrics and suggestions and correct them.

How to restore backups using Hostinger hPanel?

1. Log in to your Hostinger account.
2. Go to Hosting > Websites > Manage.
3. Under Files, click Backups.
4. On the Backups window, click Manage Backups.
5. Under Generate new backups, click Select.

The remaining process is shown in the following video.

Light Speed Cache Plugin

As I said before, sometimes deactivating the cache plugin works better to see the result of your update. But now I can say that it doesn’t work when you do an empty cache and hard reload of your page. Firstly, I must tell you that you can find the empty cache and hard reload option by right-clicking your mouse button and then clicking on inspect on your webpage. Now if you move your cursor to the top left corner, you will find a circle arrow for the reload button. Just put your cursor in it and a message will appear “Reload this page, hold to see more options”. If you hold this button, you will have three more options 1) Normal Reload, 2) Hard Reload, and 3) Empty cache and Hard Reload. You can do it by right-clicking on the reload button.

I got the result by deactivating and deleting the cache plugin from my WordPress dashboard and then installing it again in the hosting account and flushing the cache. Because if you just choose the empty cache and hard reload option on your page, it will show your update the first time but again if you reload the page, the update you made will disappear. So, reinstallation and flush the cache of the cache plugin will solve the problem immediately. I am showing the image of the lightspeed installation option in the Hostinger hosting account.

What will you do if the navigation search Icon is not working properly?

In the above video, you see that the navigation search working properly. But if you see that it is not working, what will you do? In my case, I saw this problem for a long time. I installed the GeneratePress theme. I have a Lightspeed cache plugin in WordPress. Whenever I deactivated the cache plugin it worked properly but after a few hours of activation, it did not work. So, I tried to apply this solution that is I went to lightspeed cache page optimization and switched the CSS combine button in CSS setting off and it works nicely. You can also try.

How to hide tags in WordPress websites?

If you have a Generatepress theme and you want to hide the tags in your website, use this code between ” “(double inverted comma) in function.php in the theme file editor.

“add_filter(‘generate_show_tags’,function(){

return ‘ ‘;

});”

or

.tags-links { display:none; }

in additional css.

So, check and try it on your WordPress blogs/websites. These change tips will definitely help you improve better user experience.

Have you ever checked and passed these tests?

You can find the Site Health tool via Tools > Site Health in your WordPress backend. Here is the list of passed tests so far on the blog of anup.

28 items with no issues detected

I put a short code for the Table of Contents into the blog post and updated it. But I was shocked when I actually opened the post in the browser. It returned 503 services temporarily unavailable. When I searched for the solution, I got many solutions but applied one that is I deactivated all plugins and deleted the reusable block of table contents plugin. After deactivating and deleting the reusable block plugin I activated all the plugins again.

How to change the size of the text in the list block?

To change the size of the text in the listed block

Select the list block and then in the sidebar you will see an advanced section.

In the box, enter one of these additional classes :

• has-small-font-size
• has-normal-font-size
• has-medium-font-size
• has-larger-font-size

A small change in the JS Setting can show your Ads

If your Amazon Affiliate banner ads are not showing and you also have a lightspeed cache plugin then go to the JS setting in the page optimization menu and at the bottom, you will find Load JS Deferred. There are three options – Off, Deferred, and Delayed. Just choose the off button. Done.

How to Change Sender Name in Outgoing WordPress Email without a plugin?

Using the functions.php file

1. Go to your WordPress dashboard and navigate to Appearance > Theme Editor.
2. Locate the functions.php file and open it in the editor.
3. Add the following code to the file, replacing your_name and your_email with your own name and email address:

Paste this code in functions.php of the child theme or use a plugin to add CSS and PHP code otherwise when the theme is updated the code will be lost.

How to solve mobile usability issues in Google Search Console?

I am having trouble with a mobile usability issue in Google Search Console. The issues are:

1. The text is too small to read.
2. Clickable elements are too close together.
3. The content is wider than the screen.

I tried increasing the font and line spacing, but that didn’t solve the problem because the video was out of view. So, I applied this code. The following images show both the mobile usability issues and the CSS code to solve them.

Images of the mobile usability issues and the CSS code

Use this CSS code for a responsive table on a Mobile device

/* Default table styles */
table {
width: 100%;
border-collapse: collapse;
}

table, th, td {
border: 1px solid #ddd;
}

th, td {
padding: 8px;
text-align: left;
}

/* Responsive styles for mobile */
@media (max-width: 768px) {
table, thead, tbody, th, td, tr {
display: block;
}

/* Hide table headers (optional) */
thead tr {
display: none;
}

/* Style table rows */
tbody tr {
margin-bottom: 12px;
border: 1px solid #ddd;
}

tbody td {
/* Add additional styling as needed */
}
}

Before using this code take a backup of your website files always.

If the table headers are not showing when you make your table responsive with the code. And you want to ensure that the table headers are visible on mobile devices, you can simply remove or comment out the line that hides the table headers within the @media query. By removing or commenting out the line with thead tr { display: none; }, the table headers should be visible on mobile devices when the table becomes responsive.

How to solve “Not found (404)” error on Google Search Console?

I resolved the “Not found (404)” error on Google Search Console by blocking the page with robots.txt.

Just like – Disallow: /xx/

How to solve this issue in WordPress?

1. “The scheduled event, litespeed_task_imgoptm_req, is late to run. Your site still works, but this may indicate that scheduling posts or automated updates may not work as intended.”— If you check WordPress site health and see the message then How to solve this issue in WordPress?

Go to Lightspeed Cache plugin and click on Image Optimization then click on Image Optimization settings. Now check The Auto Request Cron box off. Save Changes.

If you see any conflicts with other image optimization plugin then delete it. But back up your files before doing any kind of job like this. Check the site health from tool.

2. I was trying to troubleshoot my terrible site speed. One of the site health status recommendations is this:

“The scheduled event, litespeed_task_ccss, is late to run. Your site still works, but this may indicate that scheduling posts or automated updates may not work as intended.“

But I have no clue what this is or how to fix it. Google does discuss this error, but not specifically litespeed_task_ccss. So what is this and how do I fix it?

Disable WP-Cron:

• Access your WordPress site’s root directory using an FTP client or file manager provided by your hosting service.
• Locate the wp-config.php file and open it in a text editor.
• Add the line define('DISABLE_WP_CRON', true); before the /* That's all, stop editing! Happy publishing. */ line.
• Save the changes to wp-config.php.

Author Profile

Anup Ain

Hey, my name is Anup Ain. I am a blogger and a digital marketing intern. I enjoy sharing my knowledge and experiences with others.