Performance Optimizations

General Performance Optimization

We would be discussing frontend performance techniques here. Though we would provide some hints for backend( serverside ) optimization as general optimization rules, we would discuss more on frontend optimization. When we say performance optimization we consider three aspects – load time performance, page/component rendering performance and perceived performance. Here article enlists check points for each kind of performance enhancements

List of basic serverside optimization

  • Using CDN (Content Delivery Network) to serve static assets like CSS, images, javascript files
  • Apply zgip compression so load time decreases
  • Caching HTML files as static pages.

HTML

Check Points

  • All html tags and attributes in lowercase.
  • Class names or ids either hyphenated or camelcase. Preferably hyphenated

CSS

Though css class names can be written in n number ways. But we strongly advise to use either hyphenated or camelCasing. And follow it through out your application. For StaticFrame we recomend using hyphenated which is inline with most famous libraries that we see arround the world

There are different type of approach to CSS project.

Check Points

  • All html tags and attributes in lowercase.
  • Class names or ids either hyphenated or camelcase. Preferably hyphenated

Javascript

Best practices

  • Avoid inline javascripts

Perceived Performance