Subscribe to RSS feed Εγγραφείτε στο RSS feed or ή follow me ακολουθήστε με on Twitter? για Twitter;
Website optimization is an important process for every webmaster trying to reach “the top”. Ιστοσελίδα βελτιστοποίηση είναι μια σημαντική διαδικασία για κάθε webmaster προσπαθούν να επιτύχουν "την κορυφή". It includes several parts, some of which may not be plausible for all. Περιλαμβάνει διάφορα μέρη, μερικά από τα οποία μπορεί να μην είναι ρεαλιστικό για όλους. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Βελτιστοποίηση αναφέρεται στον καθαρισμό της σήμανσης κώδικα, εικόνες και backend έτσι ώστε το site σας φορτώνει γρήγορα, και προκαλεί λιγότερο άγχος στον διακομιστή σας.
The Importance of Optimization Η σημασία της βελτιστοποίησης
Website optimisation is important, because more optimized pages translate into lower load times. Ιστοσελίδα βελτιστοποίηση είναι σημαντικό, διότι περισσότερο βελτιστοποιημένες σελίδες μεταφράζεται σε χαμηλότερη φορές φορτίου. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. Στο σημερινό κόσμο, «όλοι θέλουν τα πάντα γρήγορα», έτσι ώστε γρήγορα και να ανταποκρίνεται τοποθεσίες σας βοηθήσει να διατηρήσουν τους επισκέπτες σας περισσότερο. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Με άλλα λόγια, μπορείτε να μειώσουν ή να εξαλείψουν τον αριθμό των χρηστών του οι οποίοι απογοητευμένοι χαντάκι το blog σας, διότι αυτό doesnt φορτίο γρήγορα. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Αυτό έχει μεγαλύτερη σημασία αν το blog σας απευθύνεται σε ένα μη-tech-savvy ακροατήριο, οι οποίοι είναι πιθανό να έχουν αργές συνδέσεις.
By optimization, you can save some bandwidth(although this is not why most people do it). Με τη βελτιστοποίηση, μπορείτε να εξοικονομήσετε εύρους ζώνης (αν και αυτό δεν είναι λόγος για τον οποίο οι περισσότεροι άνθρωποι το κάνουν). Also, in times of intensive activity, like being Dugg or Stumbled, optimization can be the difference between your blog going offline due to stress, and your blog staying healthy even while getting ~50k visits in a day. Επίσης, σε περιόδους εντατικής δραστηριότητας, όπως την ύπαρξη ή Dugg Stumbled, βελτιστοποίηση μπορεί να είναι η διαφορά μεταξύ του blog χωρίς σύνδεση θα σας οφείλεται σε άγχος, και στο blog σας ακόμη και τη διατήρηση της υγείας ενώ ταυτόχρονα θα αξιοποιεί ~ 50k επισκέψεις σε μια μέρα.
Some of the easiest optimization techniques include compression of codes whenever possible (like CSS), compression of images for lower sizes (use Photoshop), and reducing the number of http requests and number of objects. Μερικά από τα ευκολότερα τεχνικές βελτιστοποίησης περιλαμβάνει συμπίεση των κωδικών όποτε είναι δυνατόν (όπως το CSS), συμπίεση των εικόνων για τα χαμηλότερα μεγέθη (χρήση Photoshop), καθώς και τη μείωση του αριθμού των αιτήσεων HTTP και τον αριθμό των αντικειμένων. There are also hardcore stuff, including tweaking your webserver (which few can do), tweaking your scripts to execute faster, reduce the number of PHP functions in your theme etc. Υπάρχουν επίσης πράγματα hardcore, συμπεριλαμβανομένων μικροαλλαγές διακομιστή (το οποίο λίγοι μπορούν να κάνουν), μικροαλλαγές scripts σας να εκτελέσει πιο γρήγορα, να μειωθεί ο αριθμός των PHP λειτουργίες στο θέμα σας, κλπ.
My guiding light Κατευθυντήριες φως μου
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Σταματίου είναι η βελτιστοποίηση-τρελός φοιτητής κολεγίου, και έχει γράψει αρκετά οδηγούς. I found Paul Stamatiou's guides, Βρήκα οδηγούς Παύλου του Σταματίου, How to Optimize your CSS Πώς να Βελτιστοποίηση CSS σας and και 5 ways to speed up your site 5 τρόπους για να επιταχύνει το site σας amazing. καταπληκτικό. After reading them a few times and implementing a few steps, I was able to cut down the loading time of this blog from 27 seconds on a dialup, to around 6 seconds! Αφού διαβάσετε τους μερικές φορές και την εφαρμογή μερικά βήματα, ήμουν σε θέση να περιορίσει το χρόνο φόρτωσης αυτού του blog από 27 δευτερόλεπτα σε dialup, σε περίπου 6 δευτερόλεπτα! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Χρησιμοποίησα το blog του ως σημείο αναφοράς, διότι είναι λίγο πολύ μέχρι εκεί με το καλύτερο στη βελτιστοποίηση.
I took his advice to heart, and experimented a little more. Ακολούθησα τη συμβουλή του για την καρδιά, και να πειραματιστεί λίγο περισσότερο. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Πιο συγκεκριμένα, εδώ είναι τα βήματα (θα έχω μια λεπτομερή οδηγίες για το post αργότερα, για αυτό προσέξτε!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Διαγραφούν όλα τα περιττά εικόνες, όπως και το εικονίδιο του RSS feed και Technorati Fav κουμπί. Αποθηκ 4KB.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Εάν δεν μπορείτε να εγκαταλείψουμε τις εικόνες σας, τουλάχιστον να τα μετακινήσετε στον ίδιο διακομιστή (προσθήκες, ή εικόνες φάκελο). - Compressed the CSS using Συμπιεσμένο χρησιμοποιώντας το CSS CleanCSS CleanCSS . Saved 3Kb. . Αποθηκ 3KB.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Χρησιμοποιείται για συμπίεση PHP stylesheet CSS, όπως Stammy (παραπάνω) πρότεινε. Αποθηκ 2KB.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Αφαιρέθηκε το προγενέστερο κεφαλίδας εικόνας, η οποία ήταν 500 x 200, και το αντικατέστησε με μια μικρότερη 412 x 118px, με λευκό φόντο. White backround was very helpful. Saved 10Kb. Λευκή backround ήταν πολύ χρήσιμη. Αποθηκ 10kb.
So, that cut down the size by 19Kb, without compromising much on quality. Έτσι, η μείωση κάτω από το μέγεθος 19Kb, δεν θέτει σε κίνδυνο τόσο για την ποιότητα. I am not (yet) aware of all the server-side optimisation, so no comments there. Δεν είμαι (ακόμη) γνώση όλων των server-βελτιστοποίηση πλευρά, έτσι δεν υπάρχουν παρατηρήσεις. Long story short, the optimisation bug is on me too Μεγάλη ιστορία σύντομη, το έντομο βελτιστοποίηση είναι για μένα πολύ ![]()
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. Σε μια ελαφρύτερη σημείωση, εγώ πραγματικά κατάφερε να κερδίσει το blog φορές φορτίο Stammy του από ένα καλό περιθώριο.

It is probably due to the sponsor images on his sidebar. Είναι πιθανόν να οφείλεται στις εικόνες χορηγός στην πλαϊνή μπάρα του. His blog is hosted on MediaTemple's (dv) server. Το blog του φιλοξενείται σε MediaTemple Κόμματος (DV) διακομιστή. For reference, this blog is on a shared webhost (for now). Για αναφορά, αυτό το blog είναι για μια κοινή webhost (προς το παρόν).
Here are (56K speeds of ) some sites according to Εδώ είναι (56K ταχύτητες), ορισμένες τοποθεσίες σύμφωνα με Web Page Analyzer Ιστοσελίδα Analyzer , as of August 19, 2007 , Όπως της 19 Αυγούστου, 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Σημείωση: Αυτές είναι χρόνος που απαιτείται για τη φόρτωση, και δεν την πραγματική απόδοση στο πρόγραμμα περιήγησης):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7,08 δευτερόλεπτα
TechZilo (this blog) – TechZilo (αυτό το blog) -- 4.33 seconds 4,33 δευτερόλεπτα
TechCrunch – TechCrunch -- 204.97 seconds 204,97 δευτερόλεπτα
Why did I show these load times? Γιατί έχω δείξει αυτές τις φορές φορτίο; Bragging rights? Δικαιώματα κομπορρημοσύνη; No. Όχι
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Ακριβώς για να αποδείξει ότι ακόμη και μεγάλες περιοχές όπως TechCrunch θα μπορούσε να κάνει με ένα κομμάτι της βελτιστοποίησης. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Είμαι βέβαιος ότι ο Mike Arrington δεν θα έχει κανένα πρόβλημα στην σπατάλη επιπλέον εύρος ζώνης, χάνουν κάποια απογοητευμένοι επισκέπτες ή να Dugg. However, 204 seconds is way too much by any standards. Ωστόσο, 204 δευτερόλεπτα είναι τρόπος πάρα πολύ με οποιαδήποτε κριτήρια.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Έτσι, βεβαιωθείτε ότι έχετε βελτιστοποιήσετε το blog σας την επόμενη φορά που θα αποφασίσετε να πάρετε τα χέρια σας βρώμικα σε κώδικα ![]()
Related reading Σχετική ανάγνωση
- TextSnip: free online code bin TextSnip: δωρεάν online bin κωδικός
- Site Update : Asides and Footnotes Νέο υλικό: Παραλειπόμενα και Υποσημειώσεις
- BitDig: Digg-like site for torrents BitDig: Digg-like site για torrents
- Remove PirateBay BitTorrent site account Αφαιρέστε PirateBay λογαριασμό ιστοσελίδα BitTorrent
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Η Ιστοσελίδα Αναλυτής βασίζεται σε πολλά πράγματα, όπως η θέση του χρήστη και κατεβάζω ταχύτητα (i think). As such it says 1.55, 1.06, 16.14 for the three sites you mentioned, in that order for me and will probably say something different for someone else. Ως εκ τούτου, λέει 1,55, 1,06, 16,14 για τις τρεις περιοχές που αναφέρατε, κατά σειρά, για μένα και μάλλον θα πω κάτι διαφορετικό για κάποιον άλλο.
@Paul: Thanks for dropping by. @ Paul: Ευχαριστίες για την επίσκεψη. I forgot to add that all speeds were for dialup. Ξέχασα να προσθέσω ότι όλες οι ταχύτητες ήταν για dialup. Hope that solves your problem. Ελπίδα ότι λύνει το πρόβλημά σας.
thats the min disadvantage of self hosted blogs and thats where blogger wins! thats το ελάχιστο βάρος του εαυτού φιλοξενείται blogs και thats όπου κερδίζει blogger!
I haven't faced any such problems, Δεν έχω αντιμετωπίσει τέτοια προβλήματα,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds Οι περισσότεροι των χρηστών του διαδικτύου έχει μια ευρυζωνική, και εγώ με το blog μου παίρνει μόλις δύο δευτερόλεπτα
Although some graphics take time but text is visible once u type in address. Αν και ορισμένα γραφικά χρειαστεί χρόνο, αλλά το κείμενο είναι ορατή μια φορά τον τύπο u στη διεύθυνση.
n I hav got a cool report n hav εγώ πήρα μια δροσερή έκθεση
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML Εικόνες: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS Εικόνες: 0 0,00 0,00
Total Images: 196940 45.65 7.44 Σύνολο Εικόνες: 196940 45,65 7,44
Javascript: 84241 18.39 2.05 Javascript: 84241 18,39 2,05
CSS: 3761 1.55 0.82 CSS: 3761 1,55 0,82
Multimedia: 0 0.00 0.00 Πολυμέσα: 0 0,00 0,00
Other: 0 0.00 Άλλα: 0 0,00
Tip: Red color doesn’t matches with white color, try something else and don’t you think overloaded text link ads advertisement? Συμβουλή: κόκκινο χρώμα doesnâ € ™ τ αγώνες με άσπρο χρώμα, δοκιμάστε κάτι άλλο και donâ € ™ νομίζεις υπερφορτωμένο κείμενο σύνδεσμος διαφήμιση διαφημίσεις;
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger σίγουρος κερδίζει, δεδομένου ότι οι διακομιστές της Google είναι μεταξύ των πιο γρήγορα (αν και δεν είναι το πιο αξιόπιστο). But the lack of flexibility really is the problem. Όμως, η έλλειψη ευελιξίας είναι πραγματικά το πρόβλημα. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Με προηγμένες τεχνικές συμπίεσης, ελαφρύ θέμα και λογικό διακομιστή, WordPress μπορεί να κτυπήσει το Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Ειδικά αφού Blogger θέματα είναι διαβόητη για τόνοι JavaScript (ελέγξτε τον πηγαίο κώδικα προς το τέλος). It isn't added by the us, but by Blogger automatically. Δεν έχει προστεθεί από το εμάς, αλλά από Blogger αυτόματα.
I am changing the colour scheme of the theme, one bit at a time. Είμαι η αλλαγή των χρωμάτων του θέματος, ένα bit κάθε φορά. I changed the header, footer and navbar. Άλλαξα την κεφαλίδα, υποσέλιδο και navbar. Next up, content+sidebars. Έπειτα επάνω, το περιεχόμενο + sidebars. OK? Εντάξει; As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Όσο για τις διαφημίσεις, από όπου και αν συνδέσεις θυγατρικών, nofollowed και αβλαβείς στο sidebar. Maybe I should reduce them to the most-rewarding ones only. Maybe Ισως πρέπει να μειώσει την πιο-επιβράβευση εκείνων μόνο. Ίσως
There's also Υπάρχει επίσης http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. που νομίζω ότι είναι πολύ πιο ακριβή από την ιστοσελίδα Αναλυτής.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paul: είχα δοκιμάσει, αλλά αυτό ήταν πριν από την τρέλα βελτιστοποίησης (η οποία είναι χάρη σε σας!)
Let me check it now. Επιτρέψτε μου να επιβεβαιωθείτε τώρα.
my blog gets 135 seconds, not exactly great. blog μου παίρνει 135 δευτερόλεπτα, δεν είναι ακριβώς μεγάλη. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Υποθέτω ότι πρέπει να κάνω κάποια βελτιστοποίηση του blog μου, αλλά τουλάχιστον είμαι πιο γρήγορα τότε Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: TechCrunch είναι αργή κυρίως λόγω των γραφικών (χορηγών στην πλαϊνή μπάρα). Yours is slow because of the theme – it depends on background images too much. Δικός σου είναι αργή εξαιτίας του θέματος - αυτό εξαρτάται από τις εικόνες φόντου πάρα πολύ. Don't do too much optimization – your theme might get bland (as mine is). Μην κάνετε πάρα πολύ βελτιστοποίηση - θέμα σας μπορεί να ήπιος (όπως η δική μου είναι). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Εκτός αυτού, εξαρτάται από το κοινό-στόχο - αν είναι υψηλής τεχνολογίας, δεν υπάρχει κανένα πρόβλημα, δεδομένου ότι θα έχουν σύνδεση υψηλής ταχύτητας.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh ακόμη και όταν δεν ήμουν δίνοντας προσοχή για να σας συμβουλεύσει ακόμη το blog φορτία μας σε 4 δευτερόλεπτα (Paul Σταματίου πρόταση). Not that bad! Δεν είναι τόσο άσχημα! Anyways, I still think we have some Optimization to do. Anyways, εξακολουθώ να πιστεύω ότι έχουμε κάποια Βελτιστοποίησης να κάνουμε.