Hello, I've been working a lot on speeding up my sites... So far with some good results... But I could still improve on the techniques, though... Would like to know more about: -> coding techniques that can help speed the site's speed (any ideas about where what and how to code to improve speed?) -> how does image pre-loading work? -> is Jquery really better than HTML 5 image hover (rollover effect)? -> any tips on how to write my CSS? -> is there any way to make links load paster? -> I still want to use .jpg instead of .png because of image quality... how is that possible? I've seen so many sites with rapid-loading graphics and still, mine with far less images loads sooooo slowly... any other tips are most welcome! THANKS in advance!
I am looking also for these tips! My wordpress site is really slow, somedays it takes up to 8 second to the full loading. I have great hosting, cdn, caches, but its still too slow.
I think you should you use external CSS file, images should be in gzip, and remove garbage code from the page.. then you can speed up the page...
yea that was easy to talk but so hard when you do it.. i already try it's but always page error. you need expert to do that.
Here are four things you can do to speed up your site: [h=3]GZIP Compression[/h]Smaller pages load faster, regardless of your Internet connection speed. You can make your pages smaller by compressing them with GZIP. (GZIP is only available on our Linux Hosting plans.) For more information about GZIP and our hosting, see Compressing Web Pages for Faster Load Times. [h=3]Image Sizes[/h]If you use HTML to make large images small, a site visitor still needs to download the larger version. If you need a small image, don't use HTML to do it—shrink it in an image-editing program instead. [h=3]Scripting[/h]You can edit to say more with less. A good programmer does the same thing with code. If the code on your site is inefficient, it impacts your site's performance. There isn't a quick fix for bloated code, but if you're using GZIP and you've reduced your image sizes, analyze your code to make your site even faster. One way to make a database-driven site faster is to use a database index to improve the speed of data retrieval. [h=3]CSS[/h]Cascading style sheets are great for formatting the look and feel of your website. If your style sheet contains a lot of styles that aren't being used, you are forcing browsers to download things they don't need. If you're trying to maximize performance, trim your CSS files and remove anything that's unnecessary.
Everything mentioned, is quite important to speeding up the loading for your website. Theres simple plugins if your using wordpress called W3 Total Cache, I advise to do this after you finally complete the design.
best thing to do is cut back javascript and php commands. Get rid of anything you don't need. Also, try getting hosting with high CPU as your sites will likely run fasted on them.
just work first for the excellent onpage optimisation before working on other methods of SEO. in that way, you can easily rank up your site.
Check for , your server is using a caching method to speed up page display. check for, Your website is using nested tables, which can slow down page rendering. check for , if your website is using inline styles which is not good for website. check for , if your website has too many CSS files (more than 4) is not good for speed. check for , if your website has too many JavaScript files (more than 7) which slow down your website. check , if your website does not take advantage of gZip.
check the code-eliminate wasted space-, check the size of images-minimize them-, check if your internet connection are okay
Please share more and more tips Thanks to everyone... still looking for more and more techniques to increase loading speed.
As far as jpgs are concerned you can do image compression of the original image using a tool something like Riot. combine this with on the fly compression/decompression performed by the browser and nice and fast.
I would like to recommend the following points. - Minimize the coding script. - Also minimize the use of flash files because flash files take time to load on the page. - Use less videos on the page. - Images look attractive on the page but try to use low sized images. - Try to optimize or eliminate the CSS script. I hope that you may find this useful.
You might also want to use a CDN for your static content. You should check out Cloudflare, they offer a free CDN service and I use it for almost all my sites.
Google page speed tool is also nice tool where you can get list of all area where you need to work. Go to google.com and search Google page speed test. It will open one page where you found text “Make your web site faster†enter the url of your website and you will get you page speed and area where you need to improve. It's really handy tool, go for it.
Reducing usage of plugins and using any light theme would also help, reduce the usage of flashy stuffs on your site to get higher speed..