OptimizeWeb - bigktmbig/MyExperienceAlgorithm GitHub Wiki

  • Trình duyệt làm những gì?
  1. Sử dụng file HTML để tạo DOM (Document Object Model)
  2. Sử dụng CSS để tạo CSSOM (CSS Object Model)
  3. Chạy script xử lý DOM và CSSOM đã có
  4. Kết hợp DOM và CSSOM để tạo thành Render Tree
  5. Sử dụng Render Tree để Layout (xác định size và position của toàn bộ phần tử trên trang web)
  6. Paint tất cả các pixel (hiển thị lên màn hình)
  • Tối ưu hóa Front End
  1. Clean up the HTML Document.
  2. Optimize CSS Performance.
  3. Reduce External HTTP Requests.
  4. Minify CSS, JS and HTML.
  5. Enable Prefetching.
  6. Increase Speed With a CDN and Caching.
  7. Compress Your Files.
  8. Optimize Your Images.
  9. Use a Minimalistic Framework