Pautan pada Prestasi III

• Membuat laman web baru Github cepat dan pelukis - Tobias Ahlin menerangkan bagaimana kesan menatal dilakukan dengan lebih baik terima kasih kepada IntersectionObserver dan hakikat bahawa ia mengelakkan penggunaan kaedah yang mencetuskan reflows, seperti GetBoundingClientRect. Juga, topeng Webp SVG!
  
• Segala -galanya yang kita ketahui mengenai Vitals Web Teras dan SEO - Simon Hearne merangkumi mengapa semua orang begitu terobsesi dengan CWV sekarang: SEO. Simon mengatakan sesuatu yang saya dengar beberapa kali: Kemas kini pengalaman halaman lebih banyak pendekatan lobak merah daripada Stick - tidak ada penalti langsung kerana gagal memenuhi matlamat Google. Iaitu, anda tidak dihukum untuk CWV yang lemah, tetapi diberi bonus untuk nombor yang baik. Tetapi jika semua orang di sekeliling anda mendapat bonus itu kecuali anda, tidakkah itu sama dengan penalti?
  
• Menyediakan pekerja Cloudflare untuk pengoptimuman dan ujian prestasi web -Matt Hobbs bermula dengan intro 101 untuk menubuhkan pekerja Cloudflare, menggunakannya untuk memintas fail CSS dan menggantikan semua perisytiharan keluarga font dengan komik sans. Mungkin itu akan membuka mata anda kepada kemungkinan: Jika anda boleh memanipulasi semua aset seperti HTML, CSS, dan JavaScript, anda boleh memaksa perkara -perkara itu untuk melakukan lebih banyak perkara yang berpengalaman.
  
• Sekarang itulah yang saya panggil Pekerja Perkhidmatan! - Jeremy Wagner menubuhkan seorang pekerja perkhidmatan "streaming" yang cache sebahagiannya di laman web (contohnya header dan footer) supaya rakyat Waushara County, Wisconsin, yang mempunyai internet yang perlahan dapat memuatkan tapak di suatu tempat di sekitar dua kali ganda. Ini membina artikel "muatan HTML yang lebih kecil dengan pekerja perkhidmatan" Philip Walton.
  
• Siapa yang mempunyai laman web F1 terpantas pada tahun 2021? -Siri Epic Going-on-10 Jake Archibald menganalisis prestasi laman web perlumbaan F1 (OH, ironi). Nampaknya Red Bull memimpin sejauh ini dengan Ferarri yang mengetuk. Terdapat banyak perkara yang perlu dipelajari dalam semua ini, dan ia agak cathartic melihat bit lucu seperti, laman web mereka perlahan kerana skrip menyekat 1.8MB, tetapi 1.7MB dari itu adalah 2300 × 2300 png kuda yang hanya dipaparkan pada 20 × 20. Juga, saya tidak fikir saya tahu bahawa Jake adalah pembina asal Sprite Cow! (Jangan gunakannya kerana ternyata bahawa sprite tidak baik.)
  
• CSS dunia vs perbandingan prestasi CSS-in-JS -Tomas Pustelnik melihat implikasi prestasi CSS-in-JS. Atau, seperti yang saya suka menunjukkan: CSS-in-react, kerana itu selalu seperti itu kerana semua rangka kerja JavaScript yang lain mempunyai penyelesaian gaya yang diberkati mereka sendiri. Tomas tidak membandingkan komponen gaya dengan CSS vanila yang ditulis tangan, tetapi kepada Linaria, yang saya fikir kebanyakan orang masih berfikir sebagai CSS-in-JS-kecuali bahawa bukannya menggabungkan gaya dalam JavaScript, ia mengeluarkan CSS. Saya bersetuju bahawa, apa sahaja perpustakaan gaya untuk DX, menghasilkan CSS kelihatan seperti cara untuk pergi untuk pengeluaran. Satu lagi sebab saya suka modul CSS. Lib baru yang lebih baik juga melakukannya.
  
• Kes permintaan 50ms - Julia Evans mengumpulkan teka -teki interaktif ini kerana cuba mencari tahu mengapa permintaan pelayan mengambil masa lebih lama daripada yang sepatutnya. Lebih banyak perkara back-end daripada front-end, tetapi langkah-langkah penyelesaian masalah berasa biasa. Cubalah di mesin anda, cubalah di mesin saya, lihat apa yang dilakukan oleh pelayan, dll.

Atas ialah kandungan terperinci Pautan pada Prestasi III. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!