Profile picture
Harry Roberts
@csswizardry
, 7 tweets, 1 min read Read on Twitter
✅ My very high-level performance checklist:

0. RUM and Analytics
1. Infrastructure
2. The Network
3. Assets and Payloads
4. Runtime
5. Monitoring and Budgeting
0. RUM and Analytics

• What do we know already?
• What issues exist?
• Where do we need to focus our efforts?
1. Infrastructure

• Do we have TTFB issues?
• Are we using a CDN?
• Are we running HTTP/2?
• Are we running and forcing HTTPS?
• Are we running TLS 1.3?
2. The Network

• Are we delivering assets in a sensible order?
• Are we correctly prioritising and scheduling?
• What’s blocking us?
• Are we causing any inefficiencies?
3. Assets and Payloads

• Are assets of a reasonable size?
• Are we using the most effective compression?
• What is blocking/synchronous?
• What can be asynchronous?
• Caching appropriately and aggressively?
4. Runtime

• What happens once it’s all arrived?
• Do we have any expensive runtime work?
• Layout thrashing?
• Is JS behaving itself?
5. Monitoring and Budgeting

• Now we’ve fixed it, how do we keep on top of things?
• How do we hold ourselves to what standard?
• How do we detect, prioritise, and solve regressions?
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to Harry Roberts
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

More from @csswizardry see all

Profile picture
Harry Roberts
@csswizardry
The issues are manifold. In theory, loading CSS anywhere in the BODY is 💯% a great idea in 2019. See here: csswizardry.com/2018/11/css-an… and, more thoroughly, here: jakearchibald.com/2016/link-in-b… by @jaffathecake.
Loading CSS in-BODY allows for a progressive render, as almost all browsers will only block rendering of *subsequent* content (that is to say, content beneath the rel=styleheet), as opposed to the traditional behaviour of blocking of all content.
Here’s what used to happen (credit: @jaffathecake):
Read 20 tweets
Profile picture
Harry Roberts
@csswizardry
I have a very valuable GitHub repository that contains all of my very best questions that I as a consultant ask clients at the beginning of a project. I want to publish them as an ebook (quite an expensive one). This is the v0.0.1-alpha intro. Would you buy it? Alternative text at: https://www.hastebin.com/raw/hucinacavi
1) It would be expensive because, well, you can turn the answers to these questions into literally thousands of dollars. 2) ebook means I can freely update and add new questions as they prove effective.
A lot of what all of these questions boil down to is this: making sure everybody is aligned in solving the correct and *same* problems.
Read 3 tweets

Related threads

Profile picture
Stu Cvrk
@STUinSD
Thread: News Summary of the Past Week (19-25 May)

1. Here’s a summary of interesting news and commentary from the past week, the likes of which always seems to be obfuscated and buried by the legacy media (in service of Democrat political objectives).
2. An incumbent conservative prime minister surprises the crap out of the Australian establishment by winning Down Under!

<quote>
2A. Australia's Liberal National coalition government under Prime Minister Scott Morrison has won a historic victory, taking his party for a third term in government against all expectations.
Read 81 tweets
Profile picture
Janamejayan
@Janamejayan
1. Nehru was instrumental in Netaji not returning to India and getting him killed by Stalin. Gandhi and Patel were hand in glove in Netaji's assasination. So even though Netaji was the first PM of India, Nehru succeeded by getting him assasinated.
2. Nehru was succeeded by Lal Bahadur Sastri. Again with the communist Russia's assistance he was assasinated and Indira succeeded.
3. The Vatican go involved and employed a prostitute to entice an idiot born to Indira thru her husband. She also had another son born thru a Muslim friend. The prostitute arranged for his death and later Indra so her husband could succeed. So he succeeds by 4th assasination.
Read 1235 tweets
Profile picture
Architects DCA
@ArchitectsDCA
Ok, @Penalosa_G presentation is amazing and it’s just getting started....
Underground path in toronto sucks the life out of the city; segregation not integration
Bad weather? Need better #infrastructure ; focus on the better 200 days, not the 20 bad ones; separated bike lanes! Safe, bike in winter, keeps people safe;
Read 47 tweets
Profile picture
Nick Wallis
@nickwallis
Day 15 of Bates v Post Office about to begin. Stick around for live tweets from a confused hack who is beginning to understand relational, implied, express, breach and the contra proferentem principle of construction. We can all learn together from 10.30am...
Silence in Court 26 of the High Court Rolls Building as we await his Lordship.
The usually impeccably punctual Mr Justice Fraser is one minute late. This has been noted by a barrister.
Read 220 tweets
Profile picture
Seth Abramson
@SethAbramson
(THREAD) BREAKING: The Senate has released the transcript of Donald Trump Jr.'s testimony—and it confirms he lied to Congress just has he's lied to the American people about his contact with Kremlin agents. This thread is an analysis of his testimony—I hope you'll read and share.
1/ First, understand that "agent" is a legal term. An "agent" is a person authorized by another person to act in their stead—and with their authority—in performing a task. If the authorization is for a specific task, the agent is a "special agent." If general, a "general agent."
2/ Sometimes, a "principal"—the person who authorizes an agent to act in their stead—will authorize his or her "agent" to *themselves* use new agents in the performance of their authorized task. So, Principal A may authorize Agent B to use various sub-agents to accomplish a task.
Read 220 tweets
Profile picture
IAmMtnchan
@Mtnchan1
You don't fully understand the nature of the deep state in America.

You just don't. You're red pilling is smaller than you think. If you must know read in, or turn back to your safe space now...

#qanon #GreatAwakening #DrainTheSwamp
Ok, the deep state is a full on communist regime takeover of America. Complete with communist 'owned' multigenerational United States citizens. This goes back to the communal living of the 60's....
They wanted communism utopian society and secretive people offered it with promise to pay for their kids expensive education etc for a lifetime commitment to the cause...
Read 80 tweets

Trending hashtags

#Estimates #Djibouti #Marketing #retention #DisclosuresTribunal #RobertMueller #Europe #DisclosureTribunal #highline #zerovision #communitywellbeing #Data4Good #Ukraine #bogota #BusinessIntelligence #meded #Balkans #Arctic #Canada #betterbyward #FakeNewsAwards #Syria #Agung #services #EasternEurope
Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!