sitespeedΗ ταχύτητα φόρτωσης της σελίδας παίζει σημαντικό ρόλο και στον επισκέπτη και για την ταξινόμηση στις μηχανές αναζήτησης. Υπαρχούν μερικοί κανόνες που πρέπει να τηρούμε.

Εικόνες

Γενικά είναι καλό να προσπαθούμε να μην φορτώνουμε την σελίδα μας με βαριές εικόνες. Κάθε εικόνα θα πρέπει να είναι μικρότερη απο 50 kb αν αυτό είναι εφικτό και να είναι στην μορφή JPG ή PNG αν υπάρχει ανάγκη για διαφάνεια (transparency) στην εικόνα. Επίσης η Google ανέπτυξε ένα είδος εικόνας που παρέχει διαφάνεια και χαμηλό μέγεθος χωρίς απώλειες με όνομα WebP και κατάληξη .webp

Αντικείμενα

Αν έχουμε πολλά Java script αρχεία ή πολλά CSS αναγκάζουμε να στέλνουμε πολλά αιτήματα στον server με συνέπεια την καθυστέρηση στον χρόνο φόρτωσης. Αν η σελίδα είναι και υψηλής επισκεψιμότητας τότε μπορούν να δημιουργηθούν και προβλήματα ανταπόκρισης του server. Φροντίζουμε λοιπόν να συμπτύξουμε τα αρχεία σχεδίασης αν είναι δυνατόν σε ένα όπως και τα διάφορα αρχεία java ή jquery.

Ενεργοποίηση συμπίεσης στο .htaccess αρχείο

Προσθέτοντας τον παρακάτω κώδικα στην αρχή του αρχείου htacces στο root του site ενεργοποιούμε την συμπίεση δεδομένων που αποστέλλονται βελτιώνοντας την ταχύτητα φόρτωσης.

<ifModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
  mod_gzip_item_include handler ^cgi-script$
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_exclude mime ^image/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

Χρήση CSS αντί για εικόνες

Προτιμούμε να χρησιμοποιούμε σκιές ή σχήματα με χρήση CSS αντι για εικόνες γλυτώνοντας αρκετά πολύτιμα kilobytes.

Μετρήστε την ταχύτητα του site σας:

https://developers.google.com/speed/pagespeed/insights/

http://tools.pingdom.com/fpt/

Προσπαθήστε να μειώσετε την ταχύτητα φόρτωσης κάτω απο 4 δευτερόλεπτα για να έχετε ικανοποιητικό χρόνο φόρτωσης.