फोन पर ड्रॉप बैकड्रॉप-फिल्टर

शिप

20 अगस्त 2026 को 3:17 am बजे UTC

लेखक

Kamo

Commit

91aaf68

होमपेज 94 तत्वों को 'बैकड्रॉप-फिल्टर: ब्लर (20px)` ले जाने के लिए प्रदान करता है। हर एक अलग संगोष्ण परत है जिसे चित्रित सब कुछ वापस पढ़ना पड़ता है इसके पीछे और डिवाइस रिज़ॉल्यूशन पर एक गौसियन ब्लर चलाएं, और उनमें से चार में हैं इसलिए वे हर स्क्रॉल फ्रेम पर दोहराते हैं। मिड-रेंज फोन पर मोबाइल स्कोर को मापा जाता है, यह सबसे अधिक है महंगा बात यह है कि रेंडर करने के लिए कहा जाता है, और यह वास्तव में खिड़की में उतरता है लाइटहाउस बिल के रूप में LCP "element render देरी" - इसके 1,660 ms, एक छवि के खिलाफ कि 890 ms पर डाउनलोड समाप्त हो गया। सस्ता, पेंट करने के लिए महंगा। 768px के नीचे ब्लर को गिरा दिया गया है। इन पैनलों को क्या अलग करना है उनकी खुद की है पारभासी पृष्ठभूमि और उनकी सीमा; ठंढ केवल वास्तव में दिखाई दे रही है जहां एक पैनल फोटोग्राफिक अनुभाग पृष्ठभूमि में से एक पर बैठता है। डेस्कटॉप रहता है प्रभाव untouched — यह स्कोर 98 और उसके GPUs इस आराम से अवशोषित। विशेषता चयनकर्ता आलसी के बजाय जानबूझकर है। ये इनलाइन शैली हैं घटकों द्वारा लिखित, और एक इनलाइन घोषणा को ओवरराइड नहीं किया जा सकता है सामान्य नियम, इसलिए विशेषता पर मिलान क्या एक नियम सभी 94 तक पहुंचने देता है प्रत्येक कॉल साइट को संपादित किए बिना। इसके अलावा फोन पर हीरो बैकड्रॉप से `will-change` को छोड़ देता है। इसके लिए मौजूद है फ्रेम के बीच 12 सेकंड का क्रॉसफ़ेड, और यह रोटेशन डेस्कटॉप-केवल है - हीरोबैकड्रॉप इसे `(min-width: 768px)` पर गेट करता है और एक फ्रेम को माउंट करता है अन्यथा इसलिए मोबाइल पर यह पूछ रहा था कि संगीतकार को स्थायी रखने के लिए कहता है। पूर्ण-व्यूपोर्ट परत, एक फिल्टर एनीमेशन के लिए प्राइम किया गया जो कभी नहीं चलता है, LCP पर स्वयं तत्व। फ़िल्टर अभी भी लागू होता है; केवल पदोन्नति संकेत मिलता है।.