Friday, March 20, 2009

10 tips about website / blog optimisation for increasing the loading speed

I’ve tried partially most of these tips on my blog and increased the loading speed from 16 seconds to 7 seconds (according to my network connection speed).
TOTAL WEB PAGE SIZE- Optimal total size of the web page should be less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback.
TOTAL_HTML - The total number of HTML files on the page (including the main HTML file) must be as low as possible. Minimizing HTTP requests is key for web site optimization.
TOTAL HTTP (objects) requests – A higher total number of objects on the page will dominate web page delay by their number. Consider reducing this to a more reasonable number. Above 20 objects per page the overhead from dealing with the actual objects (description time and wait time) accounts for more than 80% of whole page latency. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames or a CDN to reduce object overhead.
TOTAL_IMAGES - Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can help reduce HTTP requests.
TOTAL_CSS - consider reducing this to a more reasonable number. Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached upon subsequent requests, CSS files slow down the initial display of your page. Ideally you should be one (or even embed CSS for high-traffic pages) on the page. You can optimize CSS files using shorthand properties, grouping, and then minify and GZIP compress them to reduce their footprint. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
HTML SIZE - the total size of the HTML file is recommended less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 seconds, the average time users are willing to wait for a page to display without feedback.
IMAGES_SIZE - the total size of all your images recommended less than 50K. Even with a 50K HTML page the page should load in less than 20 seconds on a 56Kbps connection. Ideally each image should be less than 1160 bytes, to easily fit into one TCP-IP packet.
CSS_SIZE - The total size of the external CSS recommended less than 20K (ideally below 8K). For external files, ideally keep them less than 1160 bytes to fit within one higher-speed TCP-IP packet (or an approximate multiple thereof).
SCRIPT_SIZE - The total size of external scripts must be ideally less than 20K, otherwise keep them as low as possible. Consider optimizing your JavaScript for size, combining them, and using HTTP compression where appropriate for any scripts placed in the HEAD of your documents. You can substitute CSS menus for JavaScript-based menus to minimize or even eliminate the use of JavaScript.
MULTIM_SIZE - Keep the total size of all the external multimedia files to less than 10K.

8 comments:

Anonymous,  March 21, 2009 at 9:16 AM  

Salutări din București! :) Mulțam pt comentarii, te mai aștept...

Zile norocoase și prieteni faini să ai :)

HalfCrazy March 21, 2009 at 10:20 AM  

Thanks for all the tips, but it seems like my blog doesn't have loading issues. I want to also reach out to users who have 56k connections.

And you're right about your blog, it loads really fast compared to a few days ago.

Anonymous,  March 21, 2009 at 3:41 PM  

These tips are really useful to decrease the load time of the pages.
Thank you for that.The Web page speed test was also very useful in knowing more about my web age .
Thanks

Mihaela Chelaru March 21, 2009 at 5:13 PM  

E o postare buna, reala si care da rezultate faine in optimizare. Dar si cu SEO trebuie sa fii foarte atent, niciodata nu poti sti care sunt regulile Google-ului, daca intr-o zi siteul tau e primul loc la nu stiu ce cautare, ai nesansa ca in ziua urmatoare sa fii pe pagina 2.
SEO dupa mine inseamna 20% teorie si 80% loterie :)

Infowebexplore March 22, 2009 at 1:50 AM  

@Mihaela. Da intr-adevar,,,dar pt moment nu am insistat prea mult la SEO deoarece e mult de citit despre subiect (si cu atentie pt a te incadra in 20% teorie si nu aruncat la loterie:)). Insa am facut doar optimizare pt viteza de incarcare a blogului deoarece primisesm niste avertismente de la anumite site-uri ca se misca lent (observasem si eu asta si inca mai sunt deficiente).

Infowebexplore March 22, 2009 at 2:09 AM  

@HalfCrazy,@The Fun blog.
Over time any site/blog gets loaded with stuff decreasing the speed. In my case, I was just forced to do the check after being warned by a professional website. Shortly after optimization I received positive feedback, therefore the tips worked (any improvement could be verified quickly by optimizer).

Mihaela Chelaru March 23, 2009 at 7:12 PM  

E foarte bine ca ai preluat initiativa, in fond cand ai un blog, site trebuie sa tii cont de multe elemente, cel mai important fiind incarcarea paginii in sine.

p.s. i love SEO! :)

Infowebexplore March 23, 2009 at 7:57 PM  

@Mihaela. Da,,intr-adevar, si pe mine ma pasioneaza chestiile si trick-urile de web-HTML, nu stiu cat ma va tine blogging-ul dar pt moment it's fine:). aha, ai scris pe blog si pe messenger zici ca esti busy-DND:)

Enter a long URL to make tiny:

  © InfoWebExplore Amsterdam 2009 by Daniel Irimia

Back to TOP