2022 Web Almanac - वेब की मौजूदा स्थिति पर रिपोर्ट

 (almanac.httparchive.org)
11 पॉइंट द्वारा xguru 2022-10-03 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • हर साल प्रकाशित होने वाली एक विशाल रिपोर्ट
  • 8.36M वेबसाइटों और 43.88TB डेटा को प्रोसेस करके बनाए गए मेट्रिक्स
  • इस साल यह 4 भागों में कुल 22 चैप्टरों से बनी है
    • Page Content : CSS, JavaScript, Markup, Structured Data, Fonts, Media, WebAssembly, Third Parties, Interoperability
    • User Experience : SEO, Accessibility, Performance, Privacy, Security, Mobile Web, Capabilities, PWA
    • Content Publishing : CMS, Jamstack, Sustainability
    • Content Distribution : Page Weight, HTTP

@stefanjudis द्वारा संकलित दिलचस्प बातें (fun facts)

CSS

  • सबसे बड़े डेस्कटॉप पेज की CSS फ़ाइल 62MB है, और मोबाइल पेज के लिए CSS 78MB है
  • सबसे ज़्यादा CSS फ़ाइलें लोड करने वाली साइट एक मोबाइल साइट थी, जिसने 1387 फ़ाइलें लोड कीं
  • सबसे अधिक इस्तेमाल किए गए class नाम हैं active(47%), fa(33%), wp-*(31%), button(27%), pull-right (26%)
  • फ़ॉन्ट के लिए सबसे अधिक इस्तेमाल की गई units हैं px(71%) em(15%) rem(6%) pt(2%)
  • सबसे अधिक इस्तेमाल किए जाने वाले color format हैं #rrggbb(49%), #rgb(25%), rgba(14%), transparent(8%)
  • सबसे कम इस्तेमाल किए गए color नाम हैं mediumspringgreen < darksalmon < mediumorchid < darkorchid
  • केवल 0.3% पेज accent-color का उपयोग करते हैं
  • सबसे अधिक इस्तेमाल किए गए media query features हैं max-width(83%) min-width(79%) -webkit-min-device-pixel-ratio(35%) prefers-reduced-motion(34%) orientation(30%)

JS

  • डेस्कटॉप/मोबाइल में async(76%) defer(42%) async and defer(28%/29%) module(4%)
    • async और defer को साथ में इस्तेमाल करना एक anti-pattern है। defer हमेशा नज़रअंदाज़ हो जाता है और async को प्राथमिकता मिलती है
  • 77% मोबाइल पेजों में <head> के भीतर rendering-blocking script शामिल हैं
  • सबसे अधिक इस्तेमाल होने वाली libraries: jQuery 81% > core-js 41% > jQuery Migrate 34% > jQuery UI 23% > Modernizr 13% > Lodash 9%

Media

  • image formats : jpg 40% > png 28.2% > gif 15.9% > webp 8.9% > svg 4.7% > ico 1.6%
  • Hero images में केवल 1/10 पर Lazy Loading लागू है
  • केवल 28% img tags में height और width मौजूद हैं

संबंधित पढ़ाई