[GitHub] [apisix-website] jbampton commented on issue #182: refactor: fix Google Lighthouse errors and warnings

[GitBox <gi...@apache.org>]

jbampton commented on issue #182:
URL: https://github.com/apache/apisix-website/issues/182#issuecomment-777326101


   I was just giving GatsbyJS as an example framework that did all 5 `circles` green or above 90% score.
   
   PWA can be done with lots of tech like even Google libraries.  I even like the Google libraries better 👍 
   
   I think GatsbyJS is good but more `locked in` whereas Google tools seem more standard and there are lots more Google tools too.  Google is a huge company compared to Gatsby etc.
   
   Chrome DevTools, Lighthouse, Puppeteer, Workbox, Polymer, Angular and the PageSpeed Module are the main web tools from Google.
   
   The first two you need know well and use are Chrome DevTools and Lighthouse.  There are similar Devtools in other browsers like Firefox, Safari and Opera.
   
   The next main ones are Puppeteer, Workbox, Polymer.  
   
   Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium. 
   
   Workbox is a set of service worker libraries and the Polymer Project helps you deliver amazing user experiences by unlocking the full potential of the web platform. 
   
   Polymer makes the most of Web Components, a powerful new platform feature for extending HTML and componentizing your apps, allowing you to build cutting-edge Progressive Web Apps that load quickly, respond instantly and work from anywhere.
   
   Angular and the PageSpeed Module are the last two.  I've use some Angular it's a good framework but not needed for a PWA. The PageSpeed modules are open-source server modules that optimize your site automatically.
   
   https://developers.google.com/web/tools
   
   <img width="1198" alt="Screen Shot 2021-02-11 at 7 42 59 pm" src="https://user-images.githubusercontent.com/418747/107622082-0c7e3980-6ca3-11eb-8a4d-0c495bf67703.png">
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org