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
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>
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
If your domain name is domain.com
img.domain.com for all your images
css.domain.com for all your Style sheet files.
Benchmark and Test
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.
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 …
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. …
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 …
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.
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. …
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 …
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 …
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…