Enhance Web Performance

Enhance Web Performance Adam Lu [email_address] Y!ID: adamlu86 http://adamlu.com/

The Performance Golden Rules 80-90% of the end-user response time is spent on the front-end.

High Performance Web Sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Make fewer Http Requests ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Style sheets at the top ,[object Object],[object Object],[object Object],[object Object]

Placing scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Avoid CSS Expressions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Make JS &CSS external ,[object Object],[object Object],[object Object],[object Object]

Minification ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Make Ajax cacheable ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Miscellaneous Tips ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Miscellaneous Tips ,[object Object],[object Object],[object Object],[object Object],[object Object]

There are four main reasons why a script can take too long to execute ,[object Object],[object Object],[object Object],[object Object]

Too much happening in a loop ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Too much happening in a function ,[object Object],[object Object]

Too much happening in a function ,[object Object],[object Object],[object Object],[object Object]

Too much recursion ,[object Object],[object Object],[object Object],[object Object],[object Object]

Too much DOM interaction ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

perform as many changes as possible outside of the live DOM structure ,[object Object],[object Object]

remove a node from the live DOM before operating on it ,[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Proccess the HTMLCollection type ,[object Object],[object Object],[object Object],[object Object]

Fastest way to build an HTML string ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Javascript good practice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Javascript good practice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],More On http://www.javascripttoolbox.com/bestpractices/

Minify HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Css Guidelines ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Guidelines for Efficient CSS ,[object Object],[object Object],[object Object],[object Object],https://developer.mozilla.org/en/Writing_Efficient_CSS

Tools of Analyzing Performance ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Enhance Web Performance

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Enhance Web Performance

Ähnlich wie Enhance Web Performance (20)

Mehr von Adam Lu

Mehr von Adam Lu (14)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Enhance Web Performance