One of the participants was facing difficulties with loading a CSS rich page, which resulted in noticeable delay – affecting user experience. This participant's original approach was to incrementally load and display aspects of the website, aiming to decrease the initial loading time.
Key advice from another participant proposed that it might not be beneficial to worry too much about performance early on. Instead, he suggested focusing on recognizing where the main slowdowns are, like network transactions, then solving these issues strategically. Using the developer tool 'waterfall view', they analyzed the dependencies and relative durations of the page's load sequence to elucidate the main contributors to the delayed loading time.
They highlighted Google's performance assessment tool, Lighthouse, as a valuable tool to help identify how to increase site performance. Furthermore, they emphasized caching data to increase speed and reduce network transactions, as well as leveraging the 'defer' tag in script tags to delay script execution until the HTML document has finished parsing.
The meeting wrapped up with the reaffirmation of the next meeting scheduled for Thursday. Additionally, participants were encouraged to post their issues on the ‘Ask for help’ section to foster collective problem-solving.
(Source: Office Hours 2/1 )