Comments (2)
anton-karlovskiy
commented on September 2, 2024
TBT and TTI has regressed a little after switching from manually inlined SVGs to @nuxtjs/svg inlined SVGs
PR: #37
Lighthouse CI comparison: https://rocky-taiga-72405.herokuapp.com/app/projects/my-favorite-project/compare/9267bed5-2d11-4fc1-8b77-2910041b1557?compareUrl=http%3A%2F%2Flocalhost%3APORT%2F&baseBuild=bd5d1c1e-223c-47c0-a5fc-934b05e69d20
Before:
GitHub commit: 7daf317
Vercel URL: https://nuxt-movies-npkc4e0fn.vercel.app/
After:
GitHub commit: 045eb5d
Vercel URL: https://nuxt-movies-nw10lhsh3.vercel.app/
@pi0 @danielroe cc @addyosmani
from nuxt-movies.
anton-karlovskiy
commented on September 2, 2024
I'm logging:
#37 (comment)
#37 (comment)
@addyosmani Could you please check @danielroe's suggestion about using sprites rather than inlined SVGs?
from nuxt-movies.
Related Issues (20)
- Add preconnects to required origins like https://image.tmdb.org and http://fonts.gstatic.com HOT 5
- CLS optimization HOT 4
- Properly size images HOT 6
- Defer offscreen images HOT 5
- Miscellaneous HOT 2
- Preloading a hero image for LCP HOT 1
- Using `nuxt-image` module HOT 11
- Font use-case without FOUT or FOIT HOT 6
- Sliding is not smooth when images are being lazy-loaded by nuxt-image and the CSS aspect-ratio is not there HOT 3
- Styling for some non-image placeholders is broken after the CSS aspect-ratio was removed HOT 1
- Document Nuxt.js issues and opportunities HOT 1
- Unused payload removal
- Non blocking navigation HOT 9
- Combining Server-Side Rendering and Responsive Design HOT 1
- LCP optimizations
- Cookie consent banner improvements HOT 3
- production deployment HOT 3
- Build from scratch or migrate existing app? HOT 8
- use Shared Element Transition API
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nuxt-movies.