Font Load
-
https://downtimemonkey.com/blog/how-we-boosted-page-load-speed.php
-
https://github.com/azaleamollis/variable-fonts-performance-tests
-
https://blog.logrocket.com/variable-fonts-is-the-performance-trade-off-worth-it/
Image Load
-
https://css-tricks.com/lozad-js-performant-lazy-loading-images/
-
https://medium.com/front-end-weekly/how-to-optimize-image-loading-on-your-website-855020fb41ae
-
https://css-tricks.com/preventing-content-reflow-from-lazy-loaded-images/
Web Vitals
-
https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/
-
https://www.industrialempathy.com/posts/image-optimizations/
-
https://medium.com/ynap-tech/optimizing-cls-and-lcp-on-chloe-com-8280a036122a
Webpack Configuration
-
https://github.com/chriscourses/tutorial-purifycss-webpack/blob/master/webpack.config.js
-
https://github.com/phmngocnghia/purge-css-example-webpack/blob/master/src/index.html
-
https://blog.logrocket.com/the-complete-best-practices-for-minifying-css/
-
https://github.com/Colt/webpack-demo-app/blob/master/webpack.prod.js
-
https://madewithlove.com/optimizing-javascript-packages-for-tree-shaking/
-
https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038
-
https://medium.com/@kz228747/tree-shaking-webpack-4-c33ce1e31e5c
-
https://gist.github.com/jrunestone/2fbe5d6d5e425b7c046168b6d6e74e95
-
https://gist.github.com/DaniAkash/ec2a301c655d1a5970195887e0bc1f3e
-
https://github.com/planetflash/sharing_sass_resources/blob/master/src/index.js
CSS Guidline
-
https://medium.com/@luqman.qureshi/think-twice-code-once-c49faa8cd18
-
https://uxdesign.cc/digging-deep-in-layout-grids-in-mobile-app-design-ef07ace5b291
-
https://uxplanet.org/the-bottomline-on-measuring-hard-and-soft-grids-part-i-7ff52d7bc458
-
https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
-
http://analyticl.com/blog/frontend-templating-with-gulp-and-twig-js
-
https://academind.com/learn/css/bootstrap-4-tutorial/core-concepts-setup/
-
https://medium.muz.li/how-to-create-a-style-guide-from-scratch-tips-and-tricks-e00f25b423bf