3 načina za ubrzavanje WordPressa

Objavljeno 27. februar 2010.

Primetio sam da mi se blog sporo učitava, te sam rešio malo da ga ubrzam. Na Internetu postoje brojni načni da se to uradi, ali nije svaki način dobar i ne donosi svaki očekivane rezultate. Brzinu kojom se učitava vaš WordPress možete proveriti preko sajta: http://www.webpagetest.org/

1. WordPress tema i statički sadržaj

Ono što možemo da uradimo oko WordPress teme, a kako bi ubrzali sam WordPress jeste da promenimo, odnosno umanjimo broj upita. Kada se tema učitava, ona prikuplja podatke iz baze podataka i koristi ih. Umesto da to i dalje čini, mi ćemo taj kod zameniti statičkim kodom, tako da se informacije odmah učitavaju. Veliki broj upita sadrži fajl header.php. Kao primer ćemo koristiti izdvojeni kod iz fajla header.php. Kako biste lakše shvatili kako cela stvar funkcioniše, obratite malo više pažnje na prvu liniju koda u oba primera ispod:

1
2
3
4
5
6
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/960.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option('thrill_feedburner_url') <> "" ) { echo stripslashes(htmlspecialchars(get_option('thrill_feedburner_url'))); } else { echo get_bloginfo_rss('rss2_url'); } ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon.ico" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/suckerfish.js"></script>

Posle:

1
2
3
4
5
6
<link rel="stylesheet" href="http://www.pavlerohalj.com/wp-content/themes/ThrillingTheme/style.css" media="screen" />
<link rel="stylesheet" href="http://www.pavlerohalj.com/wp-content/themes/ThrillingTheme/960.css" media="screen" />
<link rel="alternate" title="RSS 2.0" href="<?php if ( get_option('thrill_feedburner_url') <> "" ) { echo stripslashes(htmlspecialchars(get_option('thrill_feedburner_url'))); } else { echo "http://www.pavlerohalj.com/feed/"; } ?>" />
<link rel="pingback" href="http://www.pavlerohalj.com/xmlrpc.php" />
<link rel="shortcut icon" href="http://www.pavlerohalj.com/wp-content/themes/ThrillingTheme/favicon.ico" />
<script type="text/javascript" src="http://www.pavlerohalj.com/wp-content/themes/ThrillingTheme/includes/js/suckerfish.js"></script>

Gore navedeni deo koda header.php fajla možemo izmeniti tako da bude statički.Ukoliko ne znate podatke kao što su, adresa CSS fajla teme, lako ih možete saznazi pregledajuću Source (izvorni) kod vašeg sajta u web pregledniku. Još jedan primer može biti fajl footer.php. Godina copyrighta i ime bloga mogu da budu statički. Pre:

1
Copyright &copy; <?php echo date('Y');?> <?php bloginfo('name'); ?>. <a href="http://thrillingheroics.com/ThrillingTheme">ThrillingTheme</a>, modifikovao i prilagodio <a href="http://pavlerohalj.com/">Pavle Rohalj</a>

I posle:

1
Copyright &copy; 2010 Pavle Rohalj. <a href="http://thrillingheroics.com/ThrillingTheme">ThrillingTheme</a>, modifikovao i prilagodio <a href="http://pavlerohalj.com/">Pavle Rohalj</a>.

2. Optimizacija slika

Većina WordPress tema je sastavljena od određenog broja slika. Iako verujem da je autor tema već maksimalno optimizovao veličinu slika, nije na odmet to proveriti i uložiti dodatni trud.

Slike lako možete optimizovati preko nekog od programa kao što je Photoshop, ili pak preko nekog besplatnog programa kao što je Shrink O`Matic. Potrudite se da kvalitet ostane što bolji, a veličina u kilobajtima što manja.

Druga stavka koja se tiče optimizacije slika jesu slike koje dodajete i koristite u člancima. Na slici treba da se vidi samo ono što je potrebno. Dakle, u sliku uključite samo ključne delove koji će ilustrovati članak. Takođe, slika ne bi trebalo da bude ni previše malih, ali ni previše velikih dimenzija. Što se tiče veličine slike (po kilobajtima ili megabajtima), potrudite se da gubitak kvaliteta bude minimalan. Naravno, slika ne treba da bude najboljeg kvaliteta, pošto će tada biti dosta velika i sporo će se učitavati, što vaši posetioci sigurno ne žele.

3. Dodaci

Mislim da je ovaj aspekat ubrzavanja WordPressa i najpoznatiji, pa neću pisati puno o njemu.

Dakle, postoji dosta kvalitetnih dodataka kao što su WP Super Cache i W3 Total Cache. Oni poboljšavalju performanse vašeg servera, keširaju većinu delova vašeg WordPress sajta. Na taj način se smanjuje vreme preuzimanja teme i ubrzava učitavanje vašeg WordPressa. Moguće je podesiti skoro svaki aspekat dodatka prema vašim potrebama.

Postoji i još jedan dodatak koga ja smatram veoma korisnim. Zove se JavaScript to Footer. Ovaj dodatak prebacuje sav JavaScript kod u footer i tako ubrzava učitavanje sranice.

Na kraju ponovo možete pokrenuti test brzine na sajtu Web page test i uporediti ga sa prethodnim. Nadam se da su rezultati dobri!

Objavljeno pod Wordpress.
Oznake:
9 komentara

    Odličan članak. Mada postoji još jedan presudan faktor. Brzina očitavnja zavisi i od server load-a. Koliko god neki sajt/blog/forum bio optimizovan, presudan je ipak server load. Ali u svakom slučaju obavezan korak je optimizacija.

    13. april 2010. u 16:57

    To naravno stoji. Ipak, možemo nešto uraditi kako bismo makar malo
    ubrzali učitavanje WordPressa.

    13. april 2010. u 17:58

    Dobar clanak. Meni je najinteresantnija stavka ova pod 1, s obzirom da to nisam nigde procitao, niti mi je padalo na pamet da html-om ukljucujem eksterne fajlove u WP. Pitam se samo koliko to ubrzava WP.

    24. april 2010. u 16:08

    Odličan tekst! Korisni saveti!

    6. septembar 2010. u 11:00

    Hvala, Miloše.

    6. septembar 2010. u 11:13

    Pojma nemam o čemu se radi , premalo znam PHP, ali neće škoditi da se zahvalim, da izrazim divljenje i da poželim dobrodošlicu u blogosferu .
    Sve najbolje od srca, Pavle.

    13. septembar 2010. u 15:33

    Hvala puno. Svaki komentar mi mnogo znači

    13. septembar 2010. u 17:24
    Nele

    jer moze neko da mi objasni kako da koristim wordpress, jer nihovo objasnjenje ne kontam, i kako sve to da iskoristim za web sajt.

    23. oktobar 2010. u 12:43

    Pozdrav! Rado ću ti pomoći i/ili te uputiti na linkove koji će ti pomoći. Pod „korišćenjem WordPressa“ da li podrazumevaš instalaciju ili administraciju odnosno upravljanje WordPressom iz WordPress admin panela?

    Ukoliko te konkretno zanima instalacija, napisao sam članak o njoj: http://bit.ly/ddjlfl

    Detaljnu WordPress dokumentaciju na engleskom možeš naći ovde: http://bit.ly/DLkPc

    23. oktobar 2010. u 18:42

    Recite nešto.

Ostavite komentar

© 2010 Pavle Rohalj. Dozvoljeno kopiranje tekstova samo uz dozvolu.