Latest Trends in Website Optimizations for Web2.0

Trends are changing with the change in latest technologies and web2.0 standards.

Compress Graphics of site using PNG and not GIF for Transparent

For Transparent we can use PNG formats and for NON Transparent we can use JPG formats

PNGs were designed to be a superior replacement for the Graphic Interchange Format (GIF). GIFs are limited to 256 colors (8-bit color palette), one level of transparency, and the Lempel-Ziv-Welch (LZW) compression algorithm that was patented by UNISYS. In most cases, PNG files from the same source images are smaller than corresponding GIFs. PNGs use the “deflate” compression algorithm, which is 10 to 30% more efficient than LZW compression.

By design PNGs have some advantages over GIF images. PNGs offer more choices in color depths than GIFs, including 8-bit (256 colors), 24-bit (8 bits per channel), and 48-bit (16 bits per channel) truecolor allowing for greater color precision and smoother transitions. When you add an alpha channel, PNGs allow for up to 64 bits per channel. PNGs can have index color transparency (one color) or alpha transparency (multiple levels) useful for smooth shadow transitions over other images. In summary, the advantages of PNGs over GIFs are:

  • Alpha channels (multilevel transparency)
  • Variable bit depths
  • Cross-platform gamma and color correction
  • Two-dimensional interlacing
  • More efficient lossless compression (LZ77 vs. LZ78+)

Using image sprites

If you use a lot of background images in CSS, it’s a good practice to put all the images you need in one big canvas. You can then set background-position in CSS to get the image you want from the big image. The advantage here is that instead of having to make numerous HTTP requests on a page, the browser only needs to make one request for the big image and thus speeding up load time. Some people usually create a sprite for images of the same purpose, for example, a sprite for navigation images, a sprite for logo images, a sprite for footer images, etc, but there is no reason why you can’t create combine all images, be it navigation, icons or footer, in one single sprite.

Learn here how to create image sprite

Minify and Pack Your JS and CSS files

Instead of Using Multiple JS and CSS files while loading a website, use only one file of JS and one file for CSS, they are many tools that are available to achieve this.

Here is one of such tool

http://code.google.com/p/minify/

You can use this online tool to compress your Javascript files using the above algorithms.

Caching Files on Server




Here is a simple caching method you can use with .htaccess file. It simply sets the expiry header and cache control for browsers so the browser keeps certain components in its cache and retrieve them from the cache rather than making a new HTTP request every time.

#604800  = 1 week in seconds
<FilesMatch "\.(gif|jpg|jpeg|png)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>

#86400 = 1 day in seconds
<FilesMatch "\.(js|css)$">
Header set Cache-Control "max-age=86400"
</FilesMatch>

Multiple Domains

If your are targeting a high volume side, Then its always time for you to have a separate sub domain for all Images ,JS, CSS.

This will help you to load all the files at parallel

for example.

If your domain name is domain.com

then always use js.domain.com for all your javascript files

img.domain.com for all your images

css.domain.com for all your Style sheet files.

Benchmark and Test

Always benchmark, test and optimise more whenever possible. I use Firebug Network Monitoring Tool and YSlow for this purpose.

Ruby on Rails 3.0 Beta Released With New Features and Improved API

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Ruby on Rails or the popularly called Rails released a 3.0 beta version. For those of you who do not know much about Rails, it is web development framework that.


TechHail : Technology Blog – http://www.techhail.com/

Free Distro Linux: Gibraltar Firewall 3.0 – Free Download – Free

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Gibraltar Firewall 3.0 officially released. is disrtribusi made using Debian Lenny as the basic system. interesting capabilities of this distribution is a web interface can be split into two parts which make the frontend and backend


Free Distro Linux – http://freedistrolinux.blogspot.com/

Moonlight 3.0 preview offered for rich Internet apps | Checking

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Moonlight 3.0, which puts Microsoft's Silverlight rich Internet plug-in software on Linux and Unix platforms, is now being offered in an alpha release, according to Web pages from the Mono project, which has jurisdiction over Moonlight.


Checking Together – http://www.favsky.com/

BlackBerry Internet Service 3.0 Details Leaked… Again

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Seems there is no shortage of BlackBerry Internet Service information these days. The BIS 3.0/3.1 documents contain a few long awaited changes. The folks over at BBLeaks were once again tipped off to more BIS 3.0 information. Gmail is
crap anyways I have tried it on iphone 3GS, Web, and computer its crap. and honestly BlackBerry has no need for it, I absolutely don't want it on my BlackBerry! Gmail is the best! By: Griffspen | Date: Sat, 02/06/2010 – 08:45


CrackBerry.com – News & Rumors – http://crackberry.com/taxonomy/term/7/0

jlGui – Java Music Player – WinAmp clone 3.0 – Free jlGui – Java

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

jlGui – Java Music Player – WinAmp clone 3.0, Downloads: 1, License: Freeware, By: jlGui, Size: 2.31 MB. jlGui is a music player for the Java platform, WinAmp skins 2.0 compliant. jlGui is Java Web Start compliant so it could be
deployed easily. JNLP launcher is customizable. This project is open source (LGPL). features: # Spectrum/Time visual added. # FLAC audio format support added. # Monkey's Audio format support added. # Search in playlist feature added.


Free Software Downloads, Over… – http://www.downloadplex.com/

Web Development News – 79th Edition « Web Development News « News

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Now the frequent question is how to set about obtaining a nice web design, nice web development and great SEO? **** Spring Web Recipes: A Problem-Solution Approach to Spring … Product DescriptionThe release of the Spring Framework 3.0


Fast Cash Design . com – http://www.fastcashdesign.com/

Fraps 3.0.3 Build 10808 FULL – Your Rapidshare Downloads

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

The Web Spatter · Your Rapidshare Downloads Aggregator Fraps 3.0.3 Build 10808 FULL. Fraps 3.0.3 Build 10808 FULL http://hotfile.com/dl/27393455/38efc5e/Fraps.3.0.3.Build.10808.FULL.rar.html


The Web Spatter – http://www.webspatter.com/

Professional C# 2005 with .NET 3.0 | Wow! eBook – Great ebook

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Product Description Providing you with the ultimate guide to the C# language, this book will help you quickly write your own programs while also getting you up.


Wow! eBook – Great ebook, great site! – http://www.wowebook.com/

Spring Web Recipes: A Problem-Solution Approach to Spring

February 6, 2010 · Leave a Comment
Filed under: Web 3.0 

Product DescriptionThe release of the Spring Framework 3.0 has added many improvements and new features. Spring Web Recipes focuses on the latest available web


Fast Cash Design . com – http://www.fastcashdesign.com/

Next Page »