Skip to main content

Web Page Optimization

Web Page Optimization

Even though broadband is getting a quick hype with marketing promos by every individual ISP in each and every country, nevertheless, having a webpage that provides instant response is always a welcome step. Previously, we had the eight second step. Now the users expect the pages to just land in thier desktop at the wink of thier eye.

To start with we would discuss about loading heavy images. A picture is worth thousand words but if we have a thousand MB picture which is going to take three hours to download, the web surfer is going to prefer File -> Close of the web browser and then launch a fresh browser session for your competitor website.

There are a few simple tricks that we can use to make images fast loading to provide a seamless user experience.

  1. Use Interlaced GIF compared to normal images. This way, the user gets a chance to preview the image as it downloads rather than waiting for the entire image to download.
  2. In case of heavy images, you can opt for having the images splitted and load the split images.
  3. For visual image toggling like 'ON' and 'OFF', you can have the alternative images cached on window.onLoad and hence the page delay at the time when the image is required would be avoided.
  4. Always specify WIDTH and HEIGHT for the images so that the web browser knows how much space has to be allocated on the webpage for the images. This avoids jump or flickers in the webpage.
  5. Always specify ALT tags. This way, in case the image is  broken, the user would know of the purpose of the image. Also image challenged text browsers like Lynx and users who have opted to disable images would get benefitted by knowing the purpose of the images.
  6. A Few Free Tools:
    1. It is not difficult to edit and fine tune the image. You can have simpler tools like Irfanview to edit the images and export them to a variety of formats and the publish them to your webpage.
    2. For splitting too, there is an online webservice from  Chami.com which you can make use of. Check out Online Image Splitter from Chami.com.

Comments

Popular posts from this blog

Google NCR

Google NCRMost of you would be knowing about this trick in navigating to Google generic website. But I just came to know only a few days before and hence thought I would share the information with others too.
Whenever you type http://www.google.com/, Google automatically tries to redirect you to your country-specific website. For me, it always redirects to http://www.google.co.in/ (Google India). But when we specifically want to navigate to Google Generic website for some reason, there are two ways to accomplish the same.Click the 'Go to Google.com' link at the bottom of the webpage that is displayed from http://www.google.co.in/To prevent this redundant click, you can opt to type http://www.google.com/ncr/ which would prevent the redirect from happening. The NCR stands for No Country Redirect. There is a brief discussion about this NCR over this forum.You may also like to check out Google help documentation regarding the country redirections from here.

Elegant 'MailTo' Replacement

Elegant 'MailTo' Replacement

MailTo tags have become a bane to all websites since spammers run spam robots which crawl the web to capture the email addresses, add to their catalogs and send spams to them. I just thought of sharing with others a simple JavaScript function which would trigger open the default email client instead of having mailto: embedded in the HTML Page.

Just have the following function included in your webpage

<script language='Javascript'>
function WriteMailTo(user,domain)
{
location.replace ('mailto:'+user+'@'+domain);
}
</script>

And whereever you want to invoke the mailto, just called WriteMailTo('user','example.com') and the user's default email client should be launching (if configured) without any hassles.

Elegant Encryption Routine

Elegant Encryption Routine

Securing information from prying eyes has always been a concern of a project architect. The perils waiting to prey on an unsecured information is aplenty. .NET comes with it a vast amount of rich Cryptography libraries. Now the next problem that confronts an architect is:Which algorithm to choose?What is the strength of encryption to use?In future, if algorithm or strength changes, how easy and flexible is the implementation?I have been trying out various encryption logic and then I came across a library called XCrypt from CodeProject.  I feel that this is a very good feature-rich wrapper of .NET Cryptography API. Also, there are implementations for algorithms like BlowFish, which does not have API in .NET BCL. It also comes with a rich Windows application that helps us troubleshoot encryption and decryption with specific keys in a easy way. Let us thank pdwolf for the really excellent encryption library.Free 3D Marine Aquarium Screensaver - Watch dolphins, s…