We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Oxwall and WebVitals web.dev | Forum

Paul
Paul Jun 2 '21
Google has some new criteria for ranking websites. Performance, usability etc.


I do a lot of work on my website last weeks and get some good score for my website toyota-supra.de


What is your score with www.web.dev ?


My best score was this one:





The Forum post is edited by Paul Jun 2 '21
AppXprt
AppXprt Jun 2 '21
Server side caching and client side PWA Caching will increase the performance, but like we've discussed it can cause issues if not fully customized.

I definitely recommend installing Engintron if you're using WHM / CPanel and then retrying this test..
This will enable Nginx reverse caching proxy in front of Apache.

https://engintron.com/

Highly stable and quite professional...

Best way to install Nginx on CentOS until it's officially fully supported.

The Forum post is edited by AppXprt Jun 2 '21
Paul
Paul Jun 2 '21
Thank you for you reply, i will check this. I already using nginx for frontend caching and could activate a better caching for non logged in members. But currently there is a problem with the csrf token from the quick login forms
The Forum post is edited by Paul Jun 2 '21
AppXprt
AppXprt Jun 7 '21
If you're already using Nginx for caching, then the only thing you can do to further increase the performance is client side browser caching with PWA. But this will probably get you up to 96-100% on performance.

You can use this:

https://www.pwabuilder.com/

I recently got a PWA working with SuperPWA for a Wordpress site and confirmed that the caching and "do not cache" options are working properly now. 96% on Performance after enabling the PWA, when I had done everything I could to increase other ways.


Nothing beats not having to hit the web server for static content that doesn't change.
(The service worker serves the static / unchanging content to the browser itself, instead of having to access the site for that request).


It literally lowers the load average of the server, because multiple requests are no longer being handled by the server, but instead by the service worker cache. This actually increases the speed and decreases the latency for requests that actually DO need to come to the server. Still, there are bound to be issues with this strategy, as you can hopefully see?

They can all be resolved if you're patient and work through each issue, individually until there aren't any left.


There are a few bugs in SuperPWA, but it works pretty well.


Regardless, there are LOTS of options of caching Service Workers.


You should really read this though:
https://gist.github.com/...07e312d7c5d7d0f3b2f9
(There are ways around most of his complaints, but every PWA developer goes through these "discoveries")


Service Worker Resources:
https://github.com/w3c/ServiceWorker

https://github.com/mozilla/serviceworker-cookbook


https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker


https://serviceworke.rs/


https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers


https://developers.google.com/web/fundamentals/primers/service-workers



The Forum post is edited by AppXprt Jun 7 '21
AppXprt
AppXprt Jun 17 '21
Paul, did you ever get this all working?
Paul
Paul Jul 9 '21
Hi,


I didn't invest any more time on the topic, but I optimized the page in other points, so that i've now got green on every 4 points



AppXprt
AppXprt Jul 15 '21
Nice, glad I saw this before the oxwall website disappears today...


Good Job, That's awesome!

The Forum post is edited by AppXprt Jul 15 '21