Υποστήριξη» Αντιμετώπιση Προβλημάτων» Πρόβλημα με το First Contentful Paint

  • Γεια σε όλους.

    Αντιμετωπίζουμε ένα πρόβλημα με το First Contentful Paint.

    Συντηρούμε μια WordPress – WooCommerce ιστοσελίδα με πάνω από 12,500 προϊόντα, sε ένα dedicate server και δυστυχώς το σκορ στο Lighthouse και Page Speed είναι τραγικό.

    Το κύριο πρόβλημα που βγάζουν και οι δύο μηχανές αξιολόγησης της σελίδας δείχνουν πρόβλημα στο First Contentful Paint (στο lighthouse το Performance είναι μόλις στο 17%).

    Παραθέτω τα στοιχεία εγκατάστασης.

    Server:

    CPU: AMD Ryzen 5 3600 6-Core Processor (12 core(s))

    RAM: 64GB

    HD: 484GB SSD

    OS: Plesk Obsidian v18.0.49 / AlmaLinux 8.7 (Stone Smilodon)

    CACHE SYSTEM: LiteSpeed

    Location: Hetzner / Germany

    Άλλα: Στο server υπάρχουν άλλες δύο εγκαταστάσεις magento αλλά δεν λειτουργούν είναι offline

    CMS:WordPress:  v 6.1.1

    Template: Elementor PRO v3.9.0

    WooCommerce: v7.1.1

    Προϊόντα: >12.500

    Plugins: > 56

    Επισκεψιμότητα: 800 – 1100 επισκέπτες / ημέρα

    Παραγγελίες: περίπου 30-35 / ημέρα

    Η ιστοσελίδα ήρθε στην εταιρεία μας (Είμαστε εταιρεία που παρέχει hosting εκτός από την δημιουργία και συντήρηση ιστοσελίδων) μετά από παράπονα του πελάτη ότι στον παλιό του share hosting η σελίδα του αργούσε να φορτώσει.

    Του προτείναμε την λύση του dedicate hosting με LiteSpeed. H διαφορά στην φόρτωση ήταν μεγάλη (από 35-40sec στο παλιό share hosting, ο χρόνος έπεσε στα 8-12sec), αλλά και πάλι απέχει από τα νούμερα που θέλει η google. Ακολουθήσαμε τις οδηγίες που δίνονται σε αυτές τις περιπτώσεις, αλλά οι περισσότερες ήταν ήδη ενεργοποιημένες και όσες δεν ήταν δεν άλλαξε και κάτι τραγικό:

    • Cache everything with litespeed
    • Compress css – js
    • Lazy load για τις φωτογραφίες
    • Asynchronous load for js
    • Σβήσαμε ή συγχωνεύσαμε js και css files.
    • Συμπίεση φωτογραφιών

    Το server load και η χρήση cpu του server είναι σχετικά χαμηλά συνέχεια.

    • CPU total usage: 7-10% (εκτός των λεπτών που κάνει συγχρονισμό με το ERP για ενημέρωση φτάνει στιγμιαία το 70-80%)
    • Server load: 1.5 – 2

    Το πρόβλημα είναι πιο εμφανές στις κατηγορίες των προϊόντων που αργεί να φορτώσουν περισσότερο από ότι στην αρχική σελίδα.

    Προσπαθώ να καταλάβω αν το πρόβλημα είναι στο server ή στο setup του WordPress. Είχε κανένας αντίστοιχο πρόβλημα – βρήκε λύση?

Επισκόπηση 12 απαντήσεων - 1 έως 12 (από 12 συνολικά)
  • Καλησπέρα, νομίζω το πιθανότερο είναι να υπάρχει κάποιο θέμα στο setup αλλα χωρίς ενα link για το site δύσκολα μπορεί να αξιολογηθεί

    Εκκινητής Νήματος alexikakos

    (@alexikakos)

    Γεια σου Vageli

    Δεν έχω πρόβλημα να βάλω το link του site, πρόβλημα έχω να το δω στα οργανικά αποτελέσματα στην google σαν site με θέματα, anyway

    • Αυτή η απάντηση τροποποιήθηκε στις 1 έτος, 3 μήνες πριν από alexikakos.

    τι license εχει το Litespeed και τι ρυθμίσεις έχουν γίνει στο διαχειριστικό του Litespeed? επίσης μια άλλη συμαντική παράμετρος ειναι τι php handler εχετε σετάρει στο apache? όπως και εαν έχετε ενεργοποιήσει το timezonedb extension στην php

    Φαντάζομαι ls cache (https://wordpress.org/plugins/litespeed-cache/) εφόσον έχετε litespeed έχετε ενεργοποιημένο έτσι;

    Εκκινητής Νήματος alexikakos

    (@alexikakos)

    Ευχαριστώ για την απάντηση,

    Ναι, είναι ενεργοποιημένο και σεταρισμένο με όλες τις προηποθέσεις.

    • Cache everything with litespeed
    • Compress css – js
    • Lazy load για τις φωτογραφίες
    • Asynchronous load for js
    • Σβήσαμε ή συγχωνεύσαμε js και css files.
    • Συμπίεση φωτογραφιών

    Το τι σου δίνει η google δεν έχει να κάνει τόσο πολύ με τον σέρβερ σου αλλά κυρίως με την κατασκευής σου. Επίσης για να ξέρουμε τι λέμε ειναη ενδείξεις κ όχι αποδείξεις αυτά που σου δίνει .
    τα κυρίως προβλήματα σου είναι ότι οι εικόνες δεν είναι webp που διορθώνεται εύκολα , βγάλτε το loader επίσης , και μετά πάτε κάντε delay js . Το δύσκολο κομμάτι ειναη ότι κάνοντας delay js θα σπάσουν πολλά και θα πρέπει να τα φτιάξετε εάν θέλετε ένα καλό optimize

    τώρα αφού τα κάνετε αυτά έρχονται τα πιο δύσκολα αφού μπορείτε με το query monitor να δειτε τι χρειάζεται να φορτώνεται και τι όχι σε κάθε σελίδα ( η καλύτερα σε κάθε τύπο σελίδας) . Ότι δεν χρειάζεται αφαιρείτε . Κάτι ακόμα που κάνουμε εάν έχουμε lazy loading είναι ότι εξαιρούμε τις above the fold εικόνες

    Τέλος για το site που αναφέρεται να τονίσω ότι δεν χρειάζεται κάτι παραπάνω από μια λύση semi dedicated με 3 gigs ram το πολύ εφόσον κ πάλι το theme σας ειναι καλό και καλογραμμένο . Το κύριο πρόβλημα είναι τα 56 plug-in . Στο ακόμα πιο απαιτητικό site μου max έχω 20.

    Στην ουσία μια optimize διαδικασία ταχύτητας είναι αυτό που ζητάτε από κάποιον developer

    Συντονιστής Iakovos Frountas

    (@ifrountas)

    Είσαι σίγουρος οτι έχεις ενεργοποιημένο το Object Caching στον Litespeed και οτι λειτουργεί; (Ενεργοποίησε προσωρινά το plugin Query Monitor για να δείς τι ποσοστό απο τα requests σερβίρονται cached) Επίσης βεβαιώσου οτι έχεις εγκαταστλησει στον server σου είτε την Redis είτε την Memecached δεν αρκεί δηλαδή μόνο ο Litespeed απο μόνος του. Για περισσότερα δες εδώ.

    Εγώ πάντως που το φόρτωσα σηκώθηκε μέσα σε 3” η αρχική σας σελίδα. Νομίζω είναι αρκετά καλά.

    Το πρόβλημα είναι στο κινητό από 4G έκανε 8-9”

    Σαν κανόνα θα ακολουθούσα ότι λέει ο Ιάκωβος παραπάνω. Δεν αρκεί μόνο ο webserver θέλει και redis ή memcache.

    Μετά μπορείς να πας και σε varnish.

    Πριν από όλα, θα έκανα optimze σε ότι σηκώνει η κάθε σελίδα και ότι άχρηστο θα το πετούσα εκτός.

    Τι DB queries τρέχουν και πόσο αποδοτικά είναι, php routines? Έχετε ενεργοποιήσει object cache, opcache? Αυτά ίσως να βοηθήσουν κάπως μέχρι ένα σημείο σε σχέση με τον server. Έχουμε όμως και την client απόδοση. Έκανα ένα lighthouse test κι ένα πολύ γρήγορο review στο html. Όπως τα βλέπω, φοβάμαι ότι το πρόβλημα του site είναι κατασκευαστικό και ότι δύσκολα μπορεί να γίνει μεγάλη βελτίωση μόνο με τη χρήση optimisation plugins, χωρίς να αλλάξουν πράγματα σε βάθος. Ίσως εάν μπορούσε να “κασαριστεί” όλο το html και να φορτώνει το site σαν static – που και πάλι φαίνεται πως οι σελίδες είναι υπερφορτωμένες με πολύ “πράμα”. Μια ρύθμιση από εδώ, μια από εκεί, πέρα από το ότι λόγω κατασκευής, εύκολα μπορεί να αρχίσουν να σπάνε πράγματα, δύσκολα θα το σώσει.

    • Αυτή η απάντηση τροποποιήθηκε στις 1 έτος, 3 μήνες πριν από soupia18.
    Εκκινητής Νήματος alexikakos

    (@alexikakos)

    Καλημέρα,

    Σας ευχαριστώ όλους ξεκινάω τις αλλαγές και θα σας κρατάω ενήμερους.

    Καλημερα,
    Φαινεται να εχεις PHP/7.4.33, δοκιμασε να πας στην PHP 8 η να πεσεις στην PHP 7.3. Επισης θα πρεπει να εχεις το PHP opcache https://support.plesk.com/hc/en-us/articles/115000935049-How-to-ensure-that-Opcache-is-enabled- ενεργο

    Εκκινητής Νήματος alexikakos

    (@alexikakos)

    Καλημέρα. Λοιπόν 2 ημέρες μετά έχουμε να πούμε πως υπάρχει βελτίωση (Ειδικά στα κινητά).

    Αλλά υπάρχει δρόμος ακόμα, μπορεί το score στην lighthouse να μην βελτιώθηκε συμαντικά αλλά το βλέπουμε στους χρόνους φόρτωσης στα κινητά.

    Θα συνεχίσουμε να αφαιρουμε plugins και ότι μπορούμε να το γράφουμε μόνοι μας.

    Αν υπάρχουν και άλλες ιδέες, εδώ είμαστε να τις ακούσουμε.

    Ευχαριστώ

Επισκόπηση 12 απαντήσεων - 1 έως 12 (από 12 συνολικά)
  • Το θέμα ‘Πρόβλημα με το First Contentful Paint’ είναι κλειστό σε νέες απαντήσεις.