Category Archives: web development techniques

50 Performance tricks to make the web faster

A nice presentation by Jatinder Mann, Internet Explorer, Program Manager on how to improve web performance.

These performance tips and tricks apply equally to Web sites that run on standards based Web browsers, and Windows Store Apps, which are also just the Web. There are six principals detailed in the talk that will help you improve the performance of your apps and sites today:

Quickly respond to network requests
Minimize bytes downloaded
Efficiently structure markup
Optimize media usage
Write fast JavaScript
Know what your application is doing

Click here to watch out the video

So, You Want to be a Front-End Engineer

Progressive Disclosure

Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.

Progressive disclosure thus improves three of usability’s five components: learnability, efficiency of use, and error rate.

Click here for more details

Reduce Request

Makes your website faster – sometimes much faster – with almost no effort

Auto generates sprites from your background images
Optimizes Sprite PNG format and compression
Minifies CSS and Javascript

Continue reading →

adaptive-images

Deliver small images to small devices

Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

Click here for details

Minify

Minify is a PHP5 app that helps you follow several rules for client-side performance. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers.

Minify is an HTTP content server. It compresses sources of content (usually files), combines the result and serves it with appropriate HTTP headers. These headers can allow clients to perform conditional GETs (serving content only when clients do not have a valid cache) and tell clients to cache the file for a period of time.

Click here to for more details

Frontendboss

Frontend Developer Resources