Google Page Speed Tool

Aleao

10 years ago

Hi guys, I am trying to tweak your Kathmandu theme as much as possible to improve website loading speed. So far I have 92 on mobile and 97 on desktop in the google page load speed test with all css code in <head>. developers.google.com/speed/pagespeed/insights/?url=www.natural-language-system.de&tab=desktop For mobile it tells me I can get rid of 82% of picture size. So I would like to load smaller images for these devices. Is the html5 <picture> module already working and where can I include it? I also wanted to tackle the "above the fold" css issue. Do you have a above the fold css file for the cathmandu theme? I created one with jonassebastianohlsson.com/criticalpathcssgenerator/ the so generated CSS I included in with the plugin auto optimize. Though it helps to improve things for the desktop, it makes things worse for the mobile part. But its due to some js. loaded from the auto optimize cache. For that solution I would love to know, where I can actually rearrange these .js scripts loaded and put them at the end of the ??? index or body tag of the first page loaded???, because I didn't find the file. Is it in the theme folder or in a general wordpress file. But anyways, the css created with that, doesn't seem to fully load all that is needed. Because it tells me only 55% or so can be loaded with the first call to the server. Now I went back to put all the css code into the header. which gives me the result mentioned above. I am a half amateur, so any advice is appreciated to improve the website speed. I would like to know which solution is best. What do you think, thanks a lot