If you are a web developer or have been involved with web technologies, you must be aware of CSS 3. CSS 3 not just boasts an array of features over CSS 2 but can also load your website faster.
CSS 3 can eliminate usage of images in fonts, buttons, etc. For example, curved cornered image can now be replaced with the border-radius attribute of CSS 3. Similarly images of fancy fonts can be replaced with real web fonts using @font-face attribute of CSS 3. This means that fewer HTTP requests will be made and the user will have to download lesser files from his browser. This reduces the loading time and makes your website load faster.
CSS 3 is supported by all modern web browsers and its usage can significantly reduce website loading time. Infact, Google has recently reported that using CSS 3 can speed up website rendering times upto 12 percent.
With technologies like HTML 5 and CSS 3, we hope to see a faster and more responsive web in the near future.d.getElementsByTagName(‘head’).appendChild(s);