Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Δευτέρα, Ιουλίου 26

2

Μικρά tips για να επιταχύνετε τον χρόνο φόρτωσης του blog σας

website optimization
Κάντε το blog σας να πετάει με μερικά απλά βήματα!
Πως να κάνω το blog μου να να φορτώνει γρηγορότερα ?.. Αυτό είναι το ερώτημα που τίθεται από όλους τους χρήστες του blogger .
Η ταχύτητα φόρτωσης μιας ιστοσελίδας είναι πολύ σημαντικός παράγοντας για τους επισκέπτες αλλά και για την Google, επειδή η Google άλλαξε από τις αρχές του 2010 τον αλγόριθμο αναζήτησης ,στον οποίο κύριος επικεντρώνετε στον χρόνο που χρειάζεται για να φορτώσει μια σελίδα.
Μια σελίδα που αργεί να φορτώσει μπορεί να έχει ως αποτέλεσμα την απώλεια επισκεπτών αφού οι χρήστες είναι ανυπόμονοι και δεν θέλουν να περιμένουν πολύ μέχρι να δούνε το περιεχόμενο της ιστοσελίδας.

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

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 για να βελτιώσετε την ταχύτητα της ιστοσελίδας σας:


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



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

Ταχύτερη Εικόνες; Μείωσε το μέγεθος των αρχείων


Υπάρχουν πολλές υπηρεσίες εντελώς δωρεάν , Online optimizers εικόνας ώστε να μην χρειάζεται καν να εγκαταστήσετε τίποτα και είναι εξαιρετικά εύκολα στην χρήση !

Yahoo! Smush.it™ Σας επιτρέπει να ανεβάσετε κάποια αρχεία ή να δώσετε μια διεύθυνση URL .
Το εργαλείο στη συνέχεια λαμβάνει τις εικόνες, τους βελτιστοποιεί και σας λέει πόσα bytes μπορείτε να εξοικονομήσετε , χωρίς να μεταβληθεί ούτε στο ελάχιστο η ποιότητα της εικόνας .
Μπορείτε να κατεβάσετε ένα zip αρχείο με όλες τις εικόνες σας.

Online Image Optimizer Θα μειώσει σημαντικά το μέγεθος του αρχείου των gif , jpg , ή pngs σας και ούτε εσείς ή οι επισκέπτες σας θα μπορούν να δουν τη διαφορά , εκτός από μια σελίδα που φορτώνει πολύ πιο γρήγορα!

Για τα JPEG , δοκιμάστε JPEG Wizard, επίσης δωρεάν.

Αποθηκεύστε Όλες οι εικόνες σε GIF ή PNG


GIF σημαίνει " Graphics Interchange Format " και PNG σημαίνει " Portable Network Graphics " Και οι δύο αυτές μορφές είναι καλά συμπιεσμένες , μικρότερες σε μέγεθος και υποστηρίζονται ευρέως από όλα τα browsers.
Αλλά αν το μέγεθος σας ανησυχεί τότε το PNG συμπιέζετε πολύ καλύτερα από ό, τι το GIF . Σε μερικές περιπτώσεις μέχρι και 5-25% .

Χρησιμοποιώντας οποιαδήποτε από αυτές τις μορφές εικόνας θα μειωθεί κατά πολύ ο χρόνος φόρτωσης του blog σας κατά 60 %, δηλαδή 70- 90KB
Το μέγεθος είναι κατά προσέγγιση βέβαια , το πραγματικό μέγεθος εξαρτάται από τον αριθμό των εικόνων που χρησιμοποιείτε στην σελίδα σας .

Καθορίστε το height και width για κάθε σας εικόνα


Εδώ είναι ένα δείγμα ενός σωστά τοποθετημένου κώδικα για εικόνα με τα height και width tags :
< img src = " images / εικόνα μου.gif "border = "0" alt = " εικόνα μου "  width = " 125 " height = " 250 " />

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

Αποφεύγετε την χρήση του Flash περιεχομένου


Flash περιεχόμενο αυξάνει σημαντικά το loadtime του blog σας.
Αποφεύγοντας φλας και τα συναφή plugins μπορείτε να συμβάλλετε στην απόδοση του δικτυακού σας τόπου.
Flash είναι επίσης γνωστό ότι είναι πολύ κακό για SEO.

Αποφύγετε πάρα πολλές διαφημίσεις


Φροντίστε να μην εμφανίζονται πάρα πολλές διαφημίσεις στο ιστολόγιό σας.
Πολλές διαφημίσεις είναι γεμάτες από περιττό html περιεχόμενο και μπορούν να επηρεάσουν χρόνος φόρτωσης του δικτυακού σας τόπου σε μεγάλο βαθμό. Αν θέλετε οπωσδήποτε διαφημίσεις, τότε επιλέξτε το Google Adsense

Συμπιέστε τα CSS και Javascript αρχεία :


Μπορείτε να συμπιέσετε τα Javascript και τα Stylesheet που χρησιμοποιούνται στο θέμα σας.
Για να συμπιέσετε Javascript μπορείτε να χρησιμοποιήσετε ένα συμπιεστή Javascript Javascript compressor.
Για τα αρχεία CSS, μπορείτε να αφαιρέσετε τα σχόλια, και αφαιρέστε κενές γραμμές και διαστήματα . Η χρησιμοποιήστε το CSS Compressor , επίσης μπορείτε να συμπιέσετε τα CSS αρχεία σας με το CSS Optimizer.
Με τη χρήση αυτών των υπηρεσιών , μπορούν να αφαιρεθούν οι άχρηστοι κωδικοί , κενές ετικέτες κλπ , έτσι καθαρίζει ο κωδικός και η σελίδα φορτώνει πολύ πιο γρήγορα .

Απομακρύνουμε τα περίσσεια κενα  " Whitespace "


Whitespace είναι τα διαστήματα μεταξύ των κωδικών . Η εξάλειψη των περιττών tabs και των spaces μπορεί να βοηθήσει πολύ !
Καθαρίζοντας τον κωδικό σας από αυτά , μειώνετε κατά πολύ τα επιπλέον bytes από το συνολικό μέγεθος της σελίδας σας και θα επιταχύνετε το χρόνο φόρτωσης αρκετά.

Κρατήστε τον κώδικα σας Καθαρό


Εάν χρησιμοποιήσετε ένα WYSIWYG editor , τις περισσότερες φορές θα προσθέσει άχρηστο κώδικα στις σελίδες σας , για παράδειγμα , πολλές φορές θα μείνουν κενές ετικέτες (δηλ. <font> < / font > ) .
Η αν κάνετε αντιγραφή κι επικόλληση κάποιου περιεχομένου από κάποιο άλλο site στο δικό σας , τότε θα πρέπει να ξέρετε ότι δεν αντιγράφετε μόνο το περιεχόμενο . Μαζί με το περιεχόμενο αντιγράφετε και το στυλ της εκάστοτε σελίδας , γεμίζοντας το blog σας με άχρηστους κωδικούς.
Η εξάλειψη οποιασδήποτε από αυτές τις επιπλέον ετικέτες δεν θα επιταχύνει μόνο τον χρόνο φόρτωσης της σελίδας σας , αλλά θα βοηθήσει σημαντικά στην επικύρωση του HTML σας .

 Μειώστε τον αριθμό των αναρτήσεων που εμφανίζονται στην Κεντρική Σελίδα σας


Κάθε ανάρτηση που εμφανίζεται στην αρχική σελίδα σας πρέπει να φορτώνει μαζί με την ιστοσελίδα και αυτό θα καταστήσει την ιστοσελίδα σας να φορτώνει πολύ αργά .
Έτσι, αν μειωθεί ο αριθμός των αναρτήσεων στην αρχική σελίδα σας, τότε ο χρόνος φόρτωσης θα βελτιωθεί σημαντικά .
Εμφανίστε 3 με 5 αναρτήσεις στην αρχική σελίδα , με περίπου 600 λέξεις για κάθε ανάρτηση, είναι κατάλληλα για μια τέλεια ιστοσελίδα .

Μειώστε τα HTTP Requests


Αυτό σημαίνει ότι πρέπει να μειωθεί ο αριθμός των διακομιστών που απαιτεί να συνδεθεί μια ιστοσελίδα για να φορτώσει .
Με τη μείωση των εξαρτήσεων για εικόνες, stylesheets, και script μπορούμε να αποφύγουμε τη συμφόρηση που μπορεί να προκύψει μέχρι το browser να πάρει δεδομένα στο κατέβασμα (HTTP αιτήσεις) των εξωτερικών αρχείων μας . Κατά την κατασκευή ιστοσελίδων θα πρέπει να επιδιώξουμε να μειώσουμε τις εξαρτήσεις και αιτήσεις HTTP.

Αυτό μπορεί να γίνει με τους εξής τρόπους :

1 . Φιλοξενήστε όλα τα γραφικά και εικόνες μέσα στο blogger


Οι περισσότεροι από εσάς χρησιμοποιείτε Πρότυπα που δεν παρέχονται επίσημα από το Blogger . Αυτά Πρότυπα συχνά περιέχουν εικόνες που είναι αποθηκευμένες σε υπηρεσίες όπως TinyPic ή photobucket.
Όταν φορτώνει το blog σας , το πρόγραμμα περιήγησης πρέπει να συνδεθεί με όλους τους διακομιστές που φιλοξενούνται οι εικόνες σας , Ως αποτέλεσμα να οδηγηθεί σε τεράστια καθυστέρηση στο χρόνο φόρτωσης του blog σας .
Αυτό που πρέπει να κάνετε είναι να αποθηκεύσετε τις εικόνες στο εσωτερικό blogger και να αντικαταστήσετε όλες αυτές τις εικόνες με αυτά .
Το πλεονέκτημα είναι ότι το πρόγραμμα περιήγησης θα πρέπει να συνδεθεί μόνο με τον διακομιστή του blogger κατά τη φόρτωση εικόνων σας και έτσι εξοικονομείτε πολύ χρόνο


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


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

3. Αφαιρέστε περιττά Widgets / Scripts που δεν τα  χρειάζεστε

:
Υπάρχουν πολλά όμορφα widgets που κάνουν την ιστοσελίδα σας να δείχνουν διαδραστικά , αλλά την ίδια στιγμή θα επιβραδύνουν σημαντικά τον χρόνο φόρτωσης της σελίδας .
Γιατί ?.. επειδή , κάθε widget / script που περιέχουν αυτά τα widgets θα πρέπει να συνδεθούν με διάφορα servers για να λειτουργήσουν .
Έτσι , οι HTTP αιτήσεις σας θα είναι περισσότερες και θα οδηγήσουν σε αργή φόρτωση της ιστοσελίδας .

Για το λόγο αυτό, θα πρέπει να τροποποιήσετε τις ακόλουθες αλλαγές .

1] Αφαιρέστε τα ανεπιθύμητα Widgets , που καταλαμβάνουν περισσότερο φορτίο .
Η σελίδα σας δεν θα εμφανιστεί μέχρι τα φορτώσουν όλα τα scripts .
2] Αν θέλετε να κρατήσετε οποιοδήποτε από αυτά τα widgets , τότε να τα μετακινήσετε στο κάτω μέρος της σελίδας .
Γιατί ?.. επειδή , χρειάζονται πολύ χρόνο για να φορτώσουν αυτά τα scripts και αν τοποθετήσετε αυτά τα scripts στο χαμηλότερο σημείο της σελίδας ,τότε πρώτα θα φορτώσει η σελίδα σας και μετά όλα τα widget / script.

4. Αποθηκεύεται όλα τα JavaScript αρχεία Μέσα στο Blogger


Γιατί θα έπρεπε να συνδέεστε με εξωτερικούς χώρους για την αποθήκευση των JavaScript αρχείων σας , ενώ μπορείτε να τα αποθηκεύσετε εύκολα στον Blogger !
Αποθηκεύστε όλους τους JavaScript κωδικούς σας μέσα στο Πρότυπο σας ακριβώς πάνω από το
< / head> χρησιμοποιώντας τον παρακάτω κώδικα .

<script type='text/javascript'>
//<![CDATA[
Επικολλήστε το JavaScript κώδικα Εδώ 
//]]>
</script>

Το κείμενο με έντονα γράμματα είναι όπου μπορείτε να επικολλήσετε το JavaScript κώδικα που χρησιμοποιείτε στο πρότυπό σας σε σύνδεση σε εξωτερικό χώρο .

Αφαιρέστε ό, τι δε χρειάζεστε πραγματικά


Εντάξει , αν και αυτό μπορεί να ακούγεται προφανές ,μερικές φορές είναι το πιο δύσκολο πράγμα για τη δημιουργία ενός δικτυακού τόπου .
Δεν είναι ανάγκη να χρησιμοποιήσετε όλα τα fancy τέχνασμα που γνωρίζετε στην σελίδα σας .
Εικόνες , flash , τα αρχεία ήχου και πολλά JavaScript είναι πολύ εντυπωσιακά .. αλλά αναρωτιέμαι αν πραγματικά πρέπει να επιδείξετε όλα τα ταλέντα σας σε μια σελίδα .
Σταθείτε και κοιτάξτε με μια κριτική ματιά την ιστοσελίδα σας , μπορείτε να δείτε μερικά ειδικά εφέ που μπορεί να μην τα χρειάζεστε και μπορείτε να τα θυσιάσετε για να βελτιώσετε τον χρόνο φόρτωσης της σελίδας σας

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

Give it a try λοιπόν !

2:

post2.soo είπε...

Για άλλη μια φορά, πολύ χρήσιμο το ποστ σου Σοφάκι!
>:o :*
Διακοπές θα πας??

GreecePort είπε...

το μεγαλύτερο forum στην Ελλάδα για κινητά με πολα download http://greeceport.xtgem.com

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS