cheatsheet1999 / FrontEndCollection

Notes for Fullstack Software Engineers. Covers common data structure and algorithms, web concepts, Javascript / TypeScript, React, and more!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What can we do to improve a website's performance?

cheatsheet1999 opened this issue · comments

In the perspective of content......

  • Minimize HTTP requests, such as CSS sprite, inline image, and files combination.
  • Minimize DOM elements.

In the aspect of server and Cookie......

  • Utilize CDN, config ETag, and compress components using Gzip.
  • Reduce the size of cookie

In terms of CSS......

  • Avoid CSS expressions
  • Put the stylesheet on top of the file
  • Using <link> but not @import

Ok...What can we do on Javascript......

  • Put Javascript on the bottom of the HTML file
  • Import JS file from outside
  • Minimize DOM operation
  • A lot more we can do on Javascript, but that will be another HUGE topic then.