radum

Articles

Performance API

// https://github.com/WICG/paint-timing
performance.getEntries();
performance.getEntriesByType('paint');

// Calculate the time it spends to run something

stevekinney

Web Performance

Requirements

• You need to have the latest version of Node. Preferably, you're using 9.8.0, but the latest LTS should work as well.
• You should have npx installed using npm install -g npx.
• Install the React Developer Tools.

Repositories

tvararu

Notes about tools for measuring and learning about performance.

Tools that can be used

Name + Link	Usecase
Google Pagespeed Insights (PSI)	Measuring load and render performance, highlighting basic responsive design issues
What does my site cost	Measuring how much the payload of a website costs in different countries
Webpagetest	Measuring load and render performance, with comprehensive video and waterfall charts, on a choice of devices and connection speeds
Google Lighthouse ("Audits" tab in Chrome Devtools)	Measuring load and render performance, and some basic best practice, PWA, and accessibility criteria

NickColley

Webfonts are huge and blocking

July 25th, 2016

Webfonts on GOV.UK block initial render and are surprisingly big at 200kb GZIPed

Measured impact

I have measured a 2g/3g connection with fonts blocked to see the difference it could make to lazy-load the font with the following results

veekaybee

ChatGPT Resources

Context

ChatGPT appeared like an explosion on all my social media timelines in early December 2022. While I keep up with machine learning as an industry, I wasn't focused so much on this particular corner, and all the screenshots seemed like they came out of nowhere. What was this model? How did the chat prompting work? What was the context of OpenAI doing this work and collecting my prompts for training data?

I decided to do a quick investigation. Here's all the information I've found so far. I'm aggregating and synthesizing it as I go, so it's currently changing pretty frequently.

Model Architecture