Common Tips to Speed up Website

Page speed is an important aspect of a website. Internet users do not like to be kept waiting by a slow loading page. Do a few, simple things to speed up your website. Not only will these tips and trick give you a faster load time, also it will help to keep your bandwidth rates low as well! As per search engine optimization our site should be load faster.

  1. Specify the DocType: Pages that have the DocType specified tend to load faster than those that don’t.
  2. Use External CSS and JavaScript Files: Inline coding causes the size of the file to increase by a large number. Create external style sheets and JavaScript files and attach it to the web page. If there are a lot of external style sheets, merge them all into one style sheet.
  3. Add Slash to end of Url: Always include the final / on links to URLs which end in a directory. For example, “http://www.mywebsite.com/mystuff” is should be better written as “http://www.mywebsite.com/mystuff/”. Note that this for directory only, not for urls with file names. This is because without the slash, the browser will initially try to retrieve a file rather than a directory. When the server realizes that “mystuff” is a directory it will direct the browser to add a slash to the end of the URL and try again.
  4. Don’t Resize Images within HTML: Don’t use the width or height attribute in the IMG tag to resize larger options. For example, if you resize an image that was originally 300 x 300 to 100 x 100, the user still has to download the full size one. Instead, use thumbnails.
  5. Compress .jpg and .gif images: If you use photoshop, always use the “Save for Web” feature.
  6. Specify Image Dimensions: Don’t leave the width or height attributes blank. By doing so, you’ll slow down the browser rendering of the page, since it doesn’t know how much space to give for each image.
  7. Convert from Table to CSS based layout: Tables are ok for displaying data in columns and rows, but is grossly inefficient for designing web page layouts. By using DIV tags with CSS, you can clean-up your code extensively, which will reduce page load time and also offer SEO benefits.
  8. Use Relative Links: Removing the ” http://www.yoursite.com ” from the beginning of every link will shed some weight.
  9. Reduce Http requests from other sites: Try to eliminate connecting to other servers to retrive images, audio, or video. Each http:// connection only slows things down.
  10. Don’t Use Https://: Don’t use secure pages if you don’t have to. Connecting through secure http is about 3 times slower than regular http. Obviously, your checkout process needs to be secure, but your product pages most likely do not./
  11. Upgrade Server Memory: A boost in memory resources on your server can reduce processing time and greatly increase performance.
  12. Remove Unnecessary White Space in HTML: Surprisingly, white space hogs
    a lot of disk space. Remove unnecessary space and other code clutter with this handy tool called HTML Tidy.
  13. Use CSS Images instead of IMG tag: An easy way to speed up the rendering of an image is to simply call as a background of a div tag.
  14. Use Gzip Compression to Reduce HTML Size: Gzip is great for compressing html code, however it does nothing for images, flash, or other embedded files. Many open source programs such as WordPress and Joomla already support it.
  15. Avoid Nested Tables: OK, I’m not a big fan of using tables for layout anyway. When you place a table inside another table, it takes a lot longer for the browser to work out the spacing since it has to wait to read the entire html and then work out the layout.
  16. Avoid Full Page Tables for Faster Rendering: If you use tables, try avoiding the whole page being one big table. The browser won’t show anything until it’s read the whole thing that way.
  17. Split Up Long Pages – Multiple Short Pages Load Faster: By splitting up long pages into multiple pages you not only make the content show up faster but many people that see a very long scroll bar give up. Try breaking it up into more readable lengths.
  18. Keep Your Code Clean: If you do use a wysiwyg editor, most of the times this will add useless code to your pages for example, many will leave empty tags (i.e. ). Removing any of those excess tags will not only speed up your load time, but make you pages validate a lot cleaner.
  19. Use AJAX instead of Page Refreshes: Interacting with a web page is far different than interacting with your computer OS. In the next few years, we will probably see more adoption of AJAX technology, which will make page refreshing unnecessary.
  20. Separate Content and Database Servers: If you have a high traffic, database driven website, you can benefit by placing your content on one server and your database on another. In addition to the speed benefits, it is more secure.
  21. Upgrade your technology version: The team of developers who maintain the PHP engine have made a number of significant performance improvements over the years. If your web server is still running an older version, such as PHP 3 or PHP 4, you may want to investigate upgrading before you try to optimize your code.
  22. Use caching: Making use of a caching module, such as Memcache, or a templating system which supports caching, such as Smarty, can help to improve the performance of your website by caching database results and rendered pages.
  23. Use output buffering: PHP uses a memory buffer to store all of the data that your script tries to print. This buffer can make your pages seem slow, because your users have to wait for the buffer to fill up before it sends them any data. Fortunately, you can make some changes that will force PHP to flush the output buffers sooner, and more often, making your site feel faster to your users.
  24. Advertisements

2 thoughts on “Common Tips to Speed up Website

  1. I Think posting, “Common Tips to Speed up Website Web Geek”
    was in fact good! Icouldn’t agree with u more! Finally seems like I reallylocated a website really worth reading through. Thanks a lot, Allison

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s