feat: optimize performance and fix CLS issues
This commit is contained in:
parent
5f95673d2f
commit
719aaeaa4d
7 changed files with 88 additions and 17 deletions
|
|
@ -8,6 +8,15 @@
|
|||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-family:
|
||||
"Inter",
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
/* Typography base */
|
||||
|
|
@ -17,6 +26,9 @@
|
|||
"kern" 1,
|
||||
"liga" 1,
|
||||
"calt" 1;
|
||||
/* Previene layout shift durante il caricamento del font */
|
||||
font-synthesis: none;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
/* Headings ottimizzati */
|
||||
|
|
@ -32,6 +44,8 @@
|
|||
"liga" 1,
|
||||
"calt" 1,
|
||||
"ss01" 1;
|
||||
/* Contenimento del layout per prevenire shift */
|
||||
contain: layout style paint;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -85,4 +99,15 @@
|
|||
.text-pretty {
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
/* Previeni layout shift per elementi con contenuto dinamico */
|
||||
.prevent-shift {
|
||||
contain: layout style paint;
|
||||
content-visibility: auto;
|
||||
}
|
||||
|
||||
/* Ottimizza rendering immagini */
|
||||
img {
|
||||
contain: size layout paint;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue