@manhnguyenv

Welcome to my blog!

Front-end Performance Checklist

December 14, 2018 10:34

Front-end Performance Checklist (edit)

 

https://frontendchecklist.io/

https://css-tricks.com/front-end-checklist-just-tool-everything-depends/

https://codeburst.io/the-front-end-performance-checklist-speeds-up-your-web-developments-b68e1c7a0276

https://www.ilabquality.com/the-ultimate-mobile-performance-testing-checklist/

https://www.imt-soft.com/Blogs/Microsoft-Net/Front-End-Performance-Optimization-Checklist-For-Web-Applications

https://github.com/thedaviddias/Front-End-Performance-Checklist

https://www.smashingmagazine.com/2008/01/10-principles-of-effective-web-design/

https://www.smashingmagazine.com/2013/09/responsive-images-performance-problem-case-study/

 

https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/

Table of Contents

  1. HTML
  2. CSS
  3. Fonts
  4. Images
  5. JavaScript
  6. Server (in progress)
  7. JS Frameworks (in progress)

Google Keywords

front-end-performance-checklist-2018-pdf

pagination-best-practices

NerdDinner MVC site:github.com

alternative to northwind database

https://github.com/cwoodruff/ChinookDatabase

Chinook Database (Sql Server Script)

Chinook Database Schema

Why the name Chinook?

The name of this sample database was based on the Northwind database. Chinooks are winds in the interior West of North America, where the Canadian Prairies and Great Plains meet various mountain ranges. Chinooks are most prevalent over southern Alberta in Canada. Chinook is a good name choice for a database that intents to be an alternative to Northwind.

Pagination

https://www.smashingmagazine.com/2007/11/pagination-gallery-examples-and-good-practices/

https://agentestudio.com/blog/pagination-design-examples-and-best-practices

https://blog.resellerclub.com/pagination-7-best-practices-with-examples/

https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions-1/nerddinner/implement-efficient-data-paging

Front-end Websites

http://ress.io/

http://www.csszengarden.com/

Backend Performance Checklist

https://github.com/futurice/backend-best-practices

Software Testing

https://www.softwaretestinghelp.com/how-to-perform-backend-testing/

High Performance Web Pages

https://www.slideshare.net/stoyan/high-performance-web-pages-20-new-best-practices/

Complete Web Application Testing checklist

https://www.guru99.com/complete-web-application-testing-checklist.html

  • HTTP Requests
    • Reduce number of HTTP Requests
    • Caching
    • Avoid Overusing HTTPS
  • Content
    • CSS & Script Minification
    • Text Response Compression
  • CSS
    • Use External CSS
    • Put CSS in HEAD
    • Use CSS Sprites
    • Use CSS Shorthand Properties
    • Avoid CSS Expressions
  • Script
    • Use External Script Files
    • Put Script At the Bottom of Page
    • Eliminate Duplicate Scripts
  • Images
    • Avoid scaling images in HTML
    • Avoid using images to display text
  • Cookie
    • Reduce Cookie Size

Cloud computing

All the layers of cloud computing:

  • SaaS (Software as a service), e.g. Google Docs
  • IaaS (Infrastructure as a service), e.g. Amazon
  • PaaS (Platform as a service) e.g. Google App Engine
  • BPaaS (Business Process as a service) e.g. advertisements, payments

Categories