Archived topic
Website Optimization
11 replies · Started by Jusung on August 7, 2022
Hello.
I am trying to improve the website loading speed, but I still have the bad result.
I followed the instruction you made about Autoptimize Plugin
However, the article is pretty old.
On the HTML Option, there is new function (minify inline JS/ CSS)
This option is not shown in the article.
Should I check this function?
Also, on the article, these are mentioned.
Is this still valid option?
Exclude scripts from Autoptimize: seal.js.js/jquery/jquery.js
Exclude CSS from Autoptimize: admin-bar.min.css, dashicons.min.css, wp-content/cache/
Hi Jusung,
Minification of JS and CSS often causes issues. You can try enabling it, but I personally wouldn’t recommend it.
Yes, those exclusions are still valid.
You can try using a CDN as well so that resources are served faster to your site viewers. Commonly suggested are Cloudflare and BunnyCDN.
Thank you for answering.
I am not sure if it will benefit to use CDN.
I am in South Korea and I can't see any CDN server in that region.
I don't know why my website is still so slow even though I haven't installed many plugins.
I only installed the essential plugin.
Can you suggest any way to improve the loading speed?
Hi there,
Couple of things to help:
1. Reduce initial server response time
Enable Server side Page Caching or use a Page Cache plugin to improve this.
2. Google Fonts
Load them locally:
https://docs.generatepress.com/article/adding-local-fonts/
Try those first, and then we can look at some other issues.
Hello.
I have added the cash setting on the sever.
But I don't know why the website speed checker site keeps telling me to add Expires headers even though I am done it.
In terms of loading google fonts locally, I followed the instruction.
However, it doesn't work.
I can't upload ttf file even though I have added the code the article said to php function.
It seems like that the WordPress doesn't allow ttf file for security reason. Only ttf file is not uploaded.
What website performance test website are you using? Can you try this?: https://pagespeed.web.dev/
As for the ttf file, try accessing your wp-config.php file through FTP then add define('ALLOW_UNFILTERED_UPLOADS', true);
Hello. Thank you!
It all works very well and I have added the font on my server.
Do I need to change the cash setting for this new font?
So, it doesn't have to be requested from server every time people visit my site.
Could you tell how i can change the cash setting for this new font?
Which code I could add?
I have corrected the cash setting on server page (in the htaccess file.)
Hi there,
Unfortunately, we are not experts in cache settings.
I recommend reaching out to your cache plugin or the server cache support.
I have added this code in the htaccess file and it seems working.
When I check it in the cashe setting site, it looks working.
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
ExpiresByType application/x-font-woff2 "access plus 1 year"
Is there any other recommendation to improve the website speed?
Another thing you can do is to prevent lazy loading for above-the-fold images.
I found this thread which may assist you: https://wordpress.org/support/topic/disable-lazy-loading-on-a-specific-image-to-increase-fcp/#:~:text=go%20to%20Settings%20%2D%3E-,Autoptimize,-%2D%3E%20Images%20and%20if
Thank you.
I have done it.
I am using Autoptimize and
I set "lazyload from nth image” to 2.
although I don't understand what 2 means.
Is there other way to improve the loading speed especially on mobile?
You could give using CDN a go. If it doesn’t help, you can remove it.
We’ve had one customer saying she used this and it helped in terms of JS and CSS delivery: https://restorebin.com/free-cdn-css-js/
