Wordpress page loading issue - wordpress

In my wordpress site most of the pages are takes a lots of time to load. Some time some of pages takes more than 30 seconds.
I have checked the speed issue in gtmetrix.
It's showing "PageSpeed Score" over 90% and "YSlow Score" over 75%. But page fully loaded time is 13S.
I have used "W3 Total Cache" plugin for enable cache data.
Site url : https://www.customdesignprinting.com/store/marlborough-boys-college-old-boys/
In my site I have to use "init" hooks for multiple times for different type of checking. Is it the reason behind it ?
Can you please suggest me how I can improve the page speed ?

Defer JavaScript loading -Deferring a file means preventing it from loading until after other elements have loaded. If you defer larger files, like JavaScript, you ensure that the rest of your content can load without a delay.If you have a WordPress site, you can the WP Rocket plugin mentioned above to easily enable deferred JavaScript loading. Simply check the box next to “Load JS files deferred,” and you’re good to go.
compress your images - If you’re using WordPress, install the WP Smush.it plugin to automatically compress your images. This will reduce the size of your images without losing any visual quality.
minify the javascript and css files to min.js and min.css.
Minimize HTTP requests and try to avaoid small request and combine multiple request.
Use asynchronous loading for CSS and JavaScript files.
Avoid url redirections unless needed.
read this

Related

How to decrease LPC in WordPress site mobile

Does anyone know the reason of this element I attached the screenshot of auditing of side. I use almost every optimiser plugin but I didn't get the result
You need to first check where the problem is/ which part of your website is not properly configured on Gtmetrix.
From the generated report you'll most likely have to minify your javascript and css as well as resize photos. Use plugins like Autoptimize to minify js and css. Compress images with any of these.
Finally cache your website using WP Super Cache
Of there are more plugins you can substitute for the ones I provide, these are just free to use.

How do I optimize the speed of my Wordpress, Elementor, and WooCommerce website on Litespeed server?

I'm trying to optimize a website (gntac.com) but not sure how to proceed further. It's hosted on Litespeed server and I'm using the Litespeed Cache Plugin for Wordpress. I have enabled webp images, combined and minified javascript, minified css, and enabled quick.cloud CDN. I'm also using Modernizr for webp replacement in css but Insights doesn't seem to recognize the change.
There are also a lot of DOM elements (presumably due to Elementor). Some of the theme elements are hidden with css on mobile. I tried to use Mobile_Detect to only load those elements for desktop but the cache seems to be static and is either generated for mobile OR desktop but not both so the Mobile_Detect code is useless. None of this seems to have made any difference in Pagespeed Insights with tests still at around 11 for mobile and 42 for desktop.
Could anyone please provide some pointers on where to go from here? I know a little web development and SEO/optimization but this is beyond me at the moment.
You can try to deactivate the cache, do the Lighthouse Check again, try to get ride of the unused script and styles and activate the cache tool again.
You should combine your css to, not only js.
The Front Page is well cached, but te product are loading up to 6 secs - which is way to long. Maybe yout server is to slow and you should upgrade.
Webpage speed optimization is an art itself. On advanced levels, we look into every piece of code for optimization.
At the beginner level, I would suggest you to use Cloudflare CDN (Free Subscription) and configure Cache and Speed settings.
Second, instead of using PageSpeed Insights, use Solarwinds Pingdom to check the speed of the website.
Third, make sure that all the unnecessary plugins and themes are deleted. Clean up as much as you can. WordPress themes are the usual culprit of a slow website, use the lightest possible theme which is regularly updated and optimized.
Make sure to address Render Blocking Elements (inline critical elements or deffer) and Server Response Time (better web hosting).

What Impact will Multiple Minify and Optimizing Plugins have on a WordPress website?

I'm reviewing a WordPress website that has been running for four or five years. The website has a selection of WordPress plugins that they use to optimize the site's page speed, and I have a suspicion that they have just added multiple over time without thinking about the others. The plugins are the following:
Autoptimize: A plugin that concatenates scripts and styles and has some inline and defer CSS features. Good customization settings. Currently active on the site.
Smush Image Compression: Resizes and compresses most popular image formats for websites. Currently active.
Better WordPress Minify: Combines and minifies CSS and JS scripts. Active on the site but only used to minify JS files.
PageSpeed Ninja: Another compression and minification plugin. Is active on the site.
So recently I ran the site through Page Speed Insights and far and away the most recommended suggestion to help the page load faster was server response times. In WordPress they recommend removing unused plugins and I want to reduce the optimization tools down to ideally 2 plugins. I was wondering if anyone here has any suggestions on possible pairings that might work (or have previously worked) well or whether it's just going to be easier to go through every plugin one by one, tinkering with the settings and running tests?
I am open to alternate plugins and strategies. Any wisdom would be appreciated.
A standard bag of tricks would be W3 Total Cache for optimising server response times via caching and minification of CSS and JS.
Smush is ok for image compression (although you will probably need premium for it to be completely useful) but a lot of the time you will find that a theme is not correctly configured to take full advantage of it (they don't offer different image sizes for different screen sizes).
I roll my own image optimiser that does everything locally but most people seem to say that EWWW Image Optimizer gives the most flexibility for free. not a personal recommendation.
You only really need the W3 Total Cache plugin and an image optimiser, beyond that you are into actually learning how to optimise a site properly as all of the other plugins tend to make a mess.

Wordpress speed optimization doesnt works

I want to increse my website speed in google insights / GT Metrix, i am using best plugins such as "WP-Rocket" for optimisation and has do all the possible things for minifications. My issue is that when i Checked my performance it is asking to minify external JavaScript files such as google apis, google analytics, Facebook apis etc..
How can i implement or minify it and increase my page speed
I have tried all possible optimisations and minifying javascript and css files.
But it is asking to minify external links
Making external files minify, not possible. the best you can do is remove all content from your page, except header and footer and then once page loaded, then load everything using Ajax. it'll give highest speed to your website.
If you already used WP-rockets but still google speed is not improved. Then you have to improve by eliminating unnecessary scripts and css loading in certain pages for example, if you have slider in homepage only you can remove loading js and css of slider in other pages.
for checking which js, css are loading go to waterfall after checking from gmetrix.com.
Then to remove unnecessary js and css to load in unnecessary page you can you "Asset CleanUp: Page Speed Booster:" WordPress plugin which is free plugin.
If performing those also doesn't help your site speed in google it is due to your server you have to shift to better server which supports CDN.

How to eliminate render-blocking javascript and CSS in above-the-fold content in wordpress

How toeliminate render-blocking javascript and CSS in above-the-fold content in wordpress. If any one can please help me.
Looks like there is a wordpress plugin called autoptimize that will do a lot of the work for you. I believe it also enables compression. Once you install the plugin, navigate to settings => autoptimize and check optimize CSS code as well as optimize JavaScript code.
I woudn't use a plugin.
First of all merge CSS files into one file.
Next use https://jonassebastianohlsson.com/criticalpathcssgenerator/ .
You'll get some css code - insert it inline in header.
Then you can load rest of the CSS via JS ( https://github.com/filamentgroup/loadCSS ).
Many ways. The ways to pass over 85/100 are -
You can use Pagespeed module
Use a third party service to deliver optimised frontend. Google had such service which is closed now.
Or follow traditional way of backend optimisation.
Nowadays, good websites pass through another service or another server as reverse proxy which automatically optimises the frontend. Thats it.
Traditional way :
That is one server one website and tweak on main server.
Your server's response time higher is most important. First pass it. Test on webpagetest.org.
Then give priority to visible content.
Then leverage cache.
Render blocking matter is after making them great.
Those optimisations are after you have passed server security, time to first byte, uptime etc. There is no plugin that can make 100% perfect with few clicks for all sites.
You should read (see WordPress doc) and load scripts asynchronously on footer or body via plugins like Header and Footer and ask on WordPress forum when you face difficult. Many times many technology websites discussed it in details. There are really very good old blog websites like CSS Tricks. You should find all articles on the topic and read from old to new. It is impossible to give an easy way. Loading Js is more complicated browser, device matter. Furthermore there is W3TC like cache plugin on normal websites.
Known problems of traditional way :
It is not odd to open up a security flaw with some snippets. With HTTP/2 push, many new things, recent security matters of WordPress during February forcing not to talk about odd plugin and snippets. None really can perform security audit. That is why I talked about it 2 years back about render-blocking javascript and CSS, not later . There I have shown settings of WordPress free Async js and css plugin. That WordPress plugin gives options for CSS, JS getting automatically loaded as inline or load asynchronously. You can try. Inline, Async all has own demerit.
It is technically difficult work than the plugins descriptions will say. Such plugins decrease the manual work but does not eliminate the need of hand coding, trial. It is part of page speed optimisation. You have to slowly learn yourself and plan according to budget.
Do at own risk at dev site with A+ score on SSL labs, add various security headers.
As you possibly a commercial website security is of more importance, followed by page loading speed.
As end tip, you should arrange to host on unmanaged server to optimise the backend. Your site is slower at present which is problem out of host.

Resources