Απογείωσε την ιστοσελίδα σου με αυτά τα 8 tips. Δείτε πως

Χρησιμοποιώντας αυτά τα 8 χρήσιμα  tips η βελτίωση ταχύτητας στο site σου θα είναι θεαματική και οι επιδόσεις της θα απογειωθούν

1. Όρισε τις διαστάσεις στις εικόνες σου

Για να μπορέσει ο browser να προβάλει τη σελίδα σου, όταν την επισκέπτεται κάποιος χρήστης, πρέπει πρώτα να υπολογίσει πώς θα κατανεμηθεί ο χώρος της σελίδας ανάμεσα σε εικόνες και κείμενο. Σε περίπτωση που δεν έχεις ορίσει από πριν τις διαστάσεις των εικόνων, ο browser θα χρειαστεί περισσότερο χρόνο, καθώς θα πρέπει πρώτα να τις φορτώσει για να αντιληφθεί ποιες είναι οι διαστάσεις τους, με αποτέλεσμα αυτό να κοστίζει σε χρόνο φόρτωσης της σελίδας γενικότερα.

Για να ορίσεις τις διαστάσεις κάθε εικόνας, δεν έχεις παρά να προσθέσεις width=”xxxx” και height=”xxxx” μέσα στο <img>.

Είναι σημαντικό οι διαστάσεις αυτές να είναι και οι πραγματικές, καθώς σε περίπτωση που η εικόνα είναι μεγαλύτερης διάστασης και χρησιμοποιείται ο παραπάνω κώδικας απλά για να κάνει scaling του image, και πάλι θα επηρεαστεί αρνητικά ο χρόνος φόρτωσης.

2. Χρησιμοποίησε CSS Sprites

Τα CSS Sprites χρησιμοποιούνται για να μειωθεί το μέγεθος, ο χώρος που θα χρειαστούν αλλά και η ταχύτητα με την οποία θα φορτώσουν οι εικόνες στο site σου. Αφού επιλέξεις τις εικόνες που θέλεις να ανεβάσεις σε μια σελίδα, αρκεί να τις εισάγεις σε έναν css sprite generator. Ο generator θα σου παράξει τόσο ένα συνολικό αρχείο, το οποίο θα περιέχει τις εικόνες που θέλεις να προσθέσεις, όσο και τον κώδικα που θα χρειαστείς για να τις διαχειριστείς μέσα στο sprite.

Ανεβάζοντας ένα CSS sprite αντί πολλών εικόνων, θα παρατηρήσεις αρκετά μεγάλη διαφορά στην ταχύτητα φόρτωσης, αφού ο browser επεξεργάζεται μόνο μία εικόνα και όχι ξεχωριστά όλες όσες τελικά εμφανίζονται στη σελίδα σου.

3. Κάνε cache του περιεχομένου του website

Μια μνήμη cache είναι μια περιοχή στη μνήμη του υπολογιστή που αποθηκεύει τις πρόσφατα χρησιμοποιούμενες πληροφορίες. Όταν αποθηκεύεται ένας ιστότοπο, σημαίνει ότι οι σελίδες, οι εικόνες, τα αρχεία και τα αντικείμενα του ιστότοπου αποθηκεύονται στον τοπικό σκληρό δίσκο του χρήστη. Αυτό με τη σειρά του σημαίνει ότι όταν ένας χρήστης ανοίγει ένα αρχείο που έχει πρόσβαση συχνά, το πρόγραμμα περιήγησης θα έχει αποθηκευμένα τα περισσότερα (αν όχι όλα) αρχεία του.

Όταν ένα πρόγραμμα περιήγησης δεν χρειάζεται να ανακτά νέες πληροφορίες κάθε φορά που γίνεται πρόσβαση σε έναν ιστότοπο, οδηγεί σε γρηγορότερους χρόνους φόρτωσης σελίδας. Τα εργαλεία προσωρινής αποθήκευσης λειτουργούν με τον ίδιο τρόπο. Η αποθήκευση δυναμικά δημιουργημένων αρχείων HTML στην κρυφή μνήμη και η εξυπηρέτησή τους την επόμενη φορά που θα γίνει μια αίτηση αντί να επαναφορτωθούν όλα τα scripts PHP από το WordPress.

Στην WEBONE χρησιμοποιούμε το wpCache® ένα από τα κορυφαία caching εργαλεία.

Δείτε όλο μας το άρθρο εδώ