Menu

PageSpeed 77 to 99 on a Vue site: the boring fixes that worked (and the clever one that made it worse)
📰

PageSpeed 77 to 99 on a Vue site: the boring fixes that worked (and the clever one that made it worse)

DEV Community: vue·Mejzun·about 9 hours ago
#ujQRq6OV
#devtovue#devto#dev#fonts#font
Reading 0:00
15s threshold

I run NXTO , a free game backlog tracker (Vue 3 + Express + SQLite on one small server). The landing page scored 86 on mobile PageSpeed and I wanted 100. Here is what I changed, in the order I tried it, including the change that made things worse.

Attempt 1: make Google Fonts async (86 → 77)

The report said render-blocking requests would cost 840 ms, and the biggest one was the Google Fonts stylesheet. The textbook fix is media="print" onload="this.media='all'" .

It made things worse: CLS went from 0.001 to 0.131 and FCP did not improve. The fonts arrived late, text re-flowed, and Lighthouse punished the shift.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.