Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order icon

Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order

by Rick Viscomi

v2.1.0 Updated Feb 24, 2026 38.84KiB
CWS
3K
Users
β˜… 4.75
4 reviews
#13242
of 207.6K
developer
#1104 of 18.2K
⚠️Very few reviews for its user base

Description

Capo is a tool to help web developers understand the how optimal the ordering of <head> elements are. Inefficient ordering can impede the browser and lead to slower user-perceived performance. To use, click the extension icon to preview the <head> element visualization, which also triggers additional debugging info to be logged to the console. Also, click any item in the preview to see its additional info in the console. The top row of colors corresponds to the actual ordering of <head> elements, from red to blue in descending order of urgency, with grey being least urgent. The bottom row of colors corresponds to the sorted <head> elements, if everything were to be ordered by urgency. You can eyeball the differences between these two rows to get a sense for how well optimized the <head> is and which elements are out of place.
Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order screenshot 1Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order screenshot 2Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order screenshot 3Capo: get your οΉ€πš‘πšŽπšŠπšοΉ₯ in order screenshot 4

Reviews

Loading reviews...

Permissions (3)

Permissions

activeTabβ„Ή Can access the current tab when you click the extension scriptingβ„Ή Can inject scripts into web pages storageβ„Ή Can store data locally in your browser

Details

Version 2.1.0
Updated Feb 24, 2026
Size 38.84KiB
First Seen Mar 31, 2026