Πόσο γρήγορη είναι η ιστοσελίδα σας;

Κυριακή, 14 Μαρτίου 2010

ταχύτητα ιστοσελίδας

Η ταχύτητα φόρτωσης μιας ιστοσελίδας είναι πολύ σημαντικός παράγοντας για τους επισκέπτες αλλά και για το Google.

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

Υπάρχουν αρκετά εργαλεία για να δούμε πόσο γρήγορα φορτώνει μια ιστοσελίδα αλλά και βελτιώσεις που μπορούμε να κάνουμε.

1. Pingdom Tools

Βάζουμε το URL της ιστοσελίδας μας και βλέπουμε πόσο χρόνο χρειάζεται για να φορτώσει.

2. Page speed (Firefox / Firebug Add-on)

Το Page speed έχει φτιαχτεί από το Google και μπορούμε να δούμε την ταχύτητα φόρτωσης αλλά και βελτιώσεις που μπορούμε να κάνουμε.

3. YSlow (Firefox / Firebug Add-on)

Ένα plugin από το Yahoo που κάνει την ίδια δουλειά με το Page Speed.

4. Εργαλεία για webmasters (Google)

Υπάρχει ειδική ενότητα που μπορείτε να δείτε την απόδοση των ιστοσελίδων του site σας.

Μερικά tips για να βελτιωθεί η ταχύτητα της ιστοσελίδας σας:

1. Αποφύγετε περιττά social media widgets.

Το Share του Facebook (που δείχνει τον αριθμό), το retweet και το widget με τα facebook fans επηρεάζουν την ταχύτητα φόρτωσης ενώ σε περίπτωση που κάποιο από αυτά έχει προβλήματα downtime θα επηρεάσει και την ιστοσελίδα σας.

2. Περιορισμός γραφικών / εικονιδίων.

Χρησιμοποιήστε εικονίδια η γραφικά που είναι πολύ χρήσιμα και αντικαταστήστε τα υπόλοιπα με CSS και κείμενο.

3. Ένα Stylesheet (CSS)

Χρησιμοποιήστε ένα μόνο stylesheet για την ιστοσελίδα σας.

4. 1-2 Javascript

Αρκετά sites χρειάζονται javascript και jquery για την λειτουργία της ιστοσελίδας τους. Σε αυτήν την περίπτωση δημιουργήστε ένα αρχείο με όλα τα γενικά javascript functions και ένα αυτόνομο αρχείο με το latest jquery version (Μην το κάνετε link από τα ajax google apis, σώστε το στον server σας)

Υπάρχουν και προχωρημένες τεχνικές που μπορείτε να διαβάσετε στα ακόλουθα sites:

1) Google page speed

Διάφορες τεχνικές για να βελτιώσετε την ταχύτητα του site

2) Yahoo Developer Network

Hints and tips από τους developers της Yahoo

3) High Performance Web Sites blog

Το blog του Steve Souders, που είναι guru σε θέματα optimization.

Ακολουθώντας τις τεχνικές που παρουσιάζονται στα παραπάνω sites στην κεντρική σελίδα του technotes.gr έχουμε:

Page Speed Score: 96/100

YSlow Overall performance score: 93/100 (Grade A)

Google webmaster tools:

Κατά μέσο όρο, για τη φόρτωση των σελίδων στον ιστότοπο σας χρειάζονται 0,8 δευτερόλεπτα (ενημερώθηκε στις 07 Μαρ 2010). Αυτός ο χρόνος είναι ταχύτερος από το 91% των ιστοτόπων.

Από τις διάφορες τεχνικές optimization θα έχετε την ευκαιρία να μάθετε καινούργια πράγματα και να βελτιώσετε την ταχύτητα της ιστοσελίδας σας.

Give it a try!

photo credit: DarKobra

Σχόλια

asaffas afas
Κυριακή, 25 Απριλίου 2010asaffas afas
none

Το σχόλιο σας

Όνομα:
email:
website:
Σχόλια:

πληκτρολογήστε τις λέξεις που βλέπετε στο πλαίσιο (βάλτε κενό μεταξύ των δύο λέξεων). Εάν δεν μπορείτε να διακρίνετε τις λέξεις κάντε click εδώ για να εμφανιστούν 2 καινούργιες.


Ειδοποίηση με e-mail για νέα σχόλια



Darth Vader στο twitter

Ο Darth, ο Jesus και ο Chuck στο Twitter

Τα brands προσπαθούν να κάνουν ισχυρή την παρουσία τους στα social media αλλά την ίδια στιγμή funny accounts γνωρίζουν μεγάλη επιτυχία στο twitter.

Like button and comments

Το Like button και η επίδραση στα comments

Αρκετά sites έχουν προσθέσει το Like button στα posts τους αλλά σε αρκετές περιπτώσεις υπάρχει μια δυσαναλογία με τον αριθμό των comments.

Facebook Like

Facebook Like: το επόμενο world wide (social) web;

Εδώ και λίγες μέρες το Facebook έχει προσθέσει το κουμπί Like για τα pages ενώ θέλει να δημιουργήσει ένα Like button για ολόκληρο το web.

YouTube

Οι αλλαγές στο CSS του YouTube και οι διαφορές στους browsers

Το YouTube άλλαξε πρόσφατα το design του αλλά το καινούργιο CSS είναι πιο φιλικό για browsers σαν τον Firefox παρά για τον Internet Explorer.

in.gr

in.gr - σταθερό design από τα τέλη της δεκαετίας του 90

Το in.gr δημιουργήθηκε το 1999 και από τότε μέχρι και σήμερα το design του έχει παραμείνει αναλλοίωτο.

Τι είναι το technotes.gr;

Το technotes.gr ασχολείται με ειδήσεις internet, άρθρα για την τεχνολογία, web 2.0 και αξιολόγηση ιστοσελίδων.

Το περιεχόμενο του site μπορεί να χρησιμοποιηθεί σύμφωνα με την άδεια Creative Commons Attribution-Share Alike 3.0

» Περισσότερα

Latest tweets