De puntCom van Paul Hartrick






Hoe snel uw Wordpress Blog is

31 Dec 2007
31 commentaren
501 meningen
antwoord
trackback

Één van de uitdagingen met Web-pagina's handhaaft een aanvaardbare ladingstijd terwijl nog het hebben van genoeg onmiddellijk getoonde inhoud om uw doelpubliek interessant te houden. Toen I eerst Wordpress als mijn aangewezen blogging naherfst laadde en te werk ging om het thema aan te passen, laadt alle widgets, toevoegt een fotogalerij, sommigen die… adverteren krijgt u het beeld, een norm Wordpress blog, was ik onbewust mijn blog was geworden slooooow .....

Het is interessant dat aangezien u aan uw blogsthema werkt om het enkel juist te krijgen u eigenlijk onbewust wordt dat uw blog zo langzaam is geworden dat de mensen waarschijnlijk weggaan alvorens de pagina eindigt ladend. De naherfst ook wordt frustratingly langzaam, neemt het over het algemeen iemand om het aan u te brengen aandacht, alvorens u realiseert het een kwestie is.

Dit werd eerst langs gebracht aan mijn aandacht Surgey van Hello Monsters. In feite vergde mijn blog meer dan 10 seconden aan lading die na wordt gemaakt bewust van het ik de behoefte van I besliste om actie te voeren.

O.k., nu weet ik wat het probleem hoe is ga ik over het bevestigen van het? Goed heb ik een paar gemakkelijke weg gevonden om uw Wordpress blog te versnellen zonder enige speciale vaardigheid te vereisen en zeer gemakkelijk en snel kunnen worden gedaan.

Eerst dit ik deed moest installeren Firebug Firefox Plugin . Als u geen Firefox gebruikt die ik u geeft het een poging heb voorgesteld. Met Firebug plugin kunt u zeer snel zien hoe lang elk deel van uw Web-pagina aan lading duurt.

Firebug

Op onderzoek merkte ik op dat een bos van plugins werd geladen alhoewel zij niet actief in mijn blog… hmmm… tijd waren om ongebruikte plugins schoon te maken. Wat ik deed laadde een plugin, het testen, beslissend hield ik niet en desactiveer van het. Ik zou plugin ook moeten geschrapt hebben aangezien dit een belangrijke oorzaak van vertraging op Wordpress blogs is. Schrap zo alle ongebruikte widgets van uw plugin folder Wordpress.

De tweede oorzaak van vertragingen die ik was tekst widgets heb opgemerkt dat was niet in gebruik maar code bevatte. Zo voor alle ongebruikte widgets die code kunnen goedkeuren, ervoor zorgen zijn zij leeg anders zij worden verwerkt en vertragen de paginalading.

Het vrij gemakkelijke recht… maar dat zijn niet was het ophield voor me. Hoewel met de twee eenvoudige veranderingen boven het oogsten grote beloningen die ik nog heb willen om de ladingstijden onderaan verder brengen. As a programmer I know the importance of Cache, so I found a nice Wordpress plugin that gives server side caching functionality, Wp Super Cache. Not only was the name catchy it did actually reduce load times and didn’t require the reader to do anything.

Ok, were still on some pretty easy stuff here and if everybody followed the above recommendations then your blog would definitely load faster.

Now it’s nearly unavoidable to rely on external resources to provide some form of content on your blog, i.e. adsense, mybloglog, adtoll… etc.. etc.. the list goes on.

So how do you optimize these? One strategy is to make sure your content loads before the external links, so one thing I did was put the mybloglog code in the footer.php. Now this may be beyond some peoples ability so be careful. The advantage I have with the mybloglog in the footer is that my blog loads before all the little mybloglog thumbnails have completed loading, and I have a lot of them!

Now generally blogs have some some advertising, so there are two things you can easily do here. Make sure images include height and width attributes. This will allow the browser to allocate the image space before the image is loaded, and for code based advertising place the code in an iFrame so your page continues to load regardless of what the iframe is doing. Both these tips are very effective.

Now it appears that the average persons ability to wait for a page to load is 8-10 seconds, anything longer and you risk losing your audience, and with the above tips hopefully your blog will load it’s main content within this time frame.

There is one more tip I have but this is not for the faint of heart. You can compress your .css files to reduce data that needs to be loaded. Now .css files are beautifully formatted so they are man readable, but your web browser doesn’t care, so you can save up to 30% of load times for .css files by removing all the lovely spaces, pagination, tabbing etc in the .css files that make them man readable. There a many utilities to compress your .css files and give reports on how much the file size is reduced. e.g. Icey. As I said this is not for everyone though.

I hope you can all reduce load times and feel free to leave more tips in the comments for all to learn.

Have a Safe and Happy New Year.

???????????????

-Paul

To get new stuff automatically subscribe to my RSS feed.
For a more personal insight Follow me on Twitter.


This post is tagged , , ,

31 Comments

  1. Nice tips, Paul.

    I use YSlow myself and as you know, I’m thinking of redoing my blog design as well… it just seems so… blah.

    I also read on Yahoo Developer Network about Best Practices for Speeding up Your Web Site. I would love, love to design my own blog template but geez, too much on my plate. I’d probably get the book too if I ever decide to do it.

    Reply To This Comment

  2. yeah, I agree with making our own templates to get exactly what we want..but no time, so much beer and only one mouth ;-) Thanks for the link, maybe I can squeeze some more speed.. and of course share with the community.

    Reply To This Comment

  3. Can ICEY compress ANY HTML type files? If you don’t compress on blogspot, anything other than pure text can come out looking like garbage.

    Anyways, thanks for an excellent, very helpful, article.

    Sam

    Reply To This Comment

  4. Your blog was still slow when I accessed it. One thing you might consider is changing host. Also if your sql isn’t configured correctly can also cause slow load times. There are so many things that cause the problems it is hard to lay down any one single solution.

    I use a couple of these plugins myself and have the very useful for server load time and bandwidth usage.

    Reply To This Comment

  5. Hey Sam, my tips were aimed at wordpress not blogger and Icey is only for .css files, not html. cheers

    Reply To This Comment

  6. thanks Chris, I still sometimes see slow loading but generally it is ok, and as you pointed out I definitely need a new hosting service, I think I am stuck on their 486-100mhz server in their back shed ;-) … definitely a task for the new year !

    Reply To This Comment

  7. Can you please post some specific example code in a textarea box?

    “Now generally blogs have some some advertising, so there are two things you can easily do here. Make sure images include height and width attributes.”

    Reply To This Comment

  8. David, I emailed you direct.. cheers

    Reply To This Comment

  9. Thats a plugins (widgets) developer fault. Wordpress has various build-in methods/functions for managing external files (js/css)on specific case and task i.e: is_active_widget(id) || is_?(?) || get_option(’active_plugins’) ||add_action & add_filter ). Unfortunately not all used it thought. I found a good theme (suprise) that cleverly apply this methods. Its only load the external files if the widget or plugins is active on the request page. its even combine-hash-gzip all the external as single files (js/css). You can view it on my blog for demo and check how it hook openid & wordpress default widgets external files.

    Reply To This Comment

  10. Great article. My wordpress is loading slow so I hope the tips you suggested would make it load faster.

    Reply To This Comment

  11. Fantastic, certainly helped my site improve significantly. I am going to refer people across with a post of my own. Thanks and keep the great tips coming!

    Reply To This Comment

  12. Thanks everyone for the comments, feedback and links. I am sure this will be continuous activity for me, so I will be sure to keep posting anything I find that does speed up the wordpress engine.
    -Paul

    Reply To This Comment

  13. well i just lost my comment since when you hit tab it doesn’t go to the submit button…

    so here is the shorter version.

    Thanks for the tips. I was unaware of the text widget issue.

    after compressing the css files we did that with the js files as well and then changed the .htaccess file to send gzip’d versions of those files if the browser supports it.

    Reply To This Comment

  14. I recently became aware of 2 problems that severely impact your WordPress blog performance and slows down your blog.

    NOTHING impacts it more then bloated database! The tables of your database ?wp_options? can grow pretty large and bring your blog to a c-r-a-w-l.

    It forced me to look at bigger issue as in process of cleaning I discovered that all plugins I have ever installed and even a couple themes managed to leave entries in very same table contributing to the total size and slow load times.

    All the plugins and even some themes use wp_options to set its setting and as such contribute to the size of the table. It is very same table used by WordPress to store ALL settings related to your blog and every time you open any page it has to be read and processed.

    When you deactivate plugin or decide to switch theme (assuming it stored its settings in wp_options) ? it NEVER cleans behind itself.

    You have to login to your phpMyAdmin and open database for your blog and Browse action for wp_options table and go through it record by record.

    It may take hours…but your blog speed and users will Thank you for it.

    Reply To This Comment

  15. Hmmm….I hit submit and went to the top of the page?

    My short version is… All the plugins and even some themes use wp_options to set its setting and as such contribute to the size of the table. It is very same table used by WordPress to store ALL settings related to your blog and every time you open any page it has to be read and processed.

    So….You’ll need to login to your phpMyAdmin and open database for your blog. Click on Browse action for wp_options table and go through it record by record.

    May take hours but your blog and users will Thank you for the increaed speed.

    Reply To This Comment

  16. I have tried to post a valuable comment twice…and I float back to the top of the page after clicking submit. Guess you don’t want anymore comments…but then you should close the comment box.

    Reply To This Comment

  17. Hey Cheryl, your comments made it through, don’t know what caused the issue. sorry about that. Good tip about the database, I may be brave enough to give it a try. cheers

    -Paul

    Reply To This Comment

  18. very interesting.
    i’m adding in RSS Reader

    Reply To This Comment

  19. I found firebug helps fix a lot of these problems. Well at least it shows you where the problems lie. I will have to give these a try.

    Reply To This Comment

  20. ????? ?????????. ?? ????-?? ?? ???????. ????? ????, ????? ???????? ?????-?????? ???????? ??? ?????

    Reply To This Comment

  21. ?????????? - ??? ??? ?????, ? ? ??? ??? ?????
    ???????? ?? ??? ??????? ? ???????? ?????????

    Reply To This Comment

  22. ?????? ?????? Airtrax ???????? ??????????? ????????????? ??? ?????????????? ??????????, ????????????, ???????? ? ?????? ??????????.

    Reply To This Comment

  23. ????????? ????????? ? ?????? ?????? ?? ??????

    Reply To This Comment

Leave a Reply