Apakah masih disarankan untuk menyejajarkan CSS dengan adopsi http / 2?

8

Untuk sementara sekarang saya telah mengikuti rekomendasi Google di sini ( https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery ) untuk memasukkan kritis di atas flip CSS untuk waktu pemuatan yang lebih cepat. Saya bertanya-tanya, apakah ini masih perlu dengan adopsi http2 semakin tinggi? Alasan saya adalah cara saya memahaminya http2 memungkinkan untuk permintaan paralel di satu koneksi sehingga CSS dapat mulai mengunduh segera? Seseorang tolong perbaiki saya jika pemahaman saya tentang cara kerja http2 salah adalah salah ...

https jetyet47
sumber

Jawaban:

2

Anda benar tentang perlunya tidak lagi menggunakan CSS inline dengan adopsi HTTP / 2. Faktanya, praktik terbaik HTTP / 2 menunjukkan kebalikan dari inlining. Pertanyaan yang tetap ada untuk Anda dan pembaca pos ini adalah, kapan waktu yang tepat untuk beralih?

Perubahan dari inlining ke inlining tidak lagi (dan hal yang sama berlaku untuk sprite gambar) harus benar-benar hanya dilakukan setelah dengan hati-hati menilai browser / kemampuan klien pengguna Anda untuk menerima HTTP / 2. Menggunakan analytics untuk menginformasikan keputusan Anda menghilangkan dugaan jika ini.

Seiring waktu saya tidak akan terkejut melihat modifikasi ke apache, mod_pagespeed, nginx, vanish dan lainnya ke inline otomatis hanya untuk HTTP / 1 klien / browser. Jadi, ikuti perkembangan pembaruan versi untuk server web utama untuk membantu mengotomatiskan perubahan ini.

Untuk informasi lebih lanjut tentang HTTP / 2, saya sangat merekomendasikan podel changelog.com tentang HTTP / 2 dengan Ilya Grigorieva, arsitek utama di balik upaya http / 2 Google: dengarkan wawancara di sini

John Mark Mitchell
sumber
1

Gagasan di balik inlining untuk flip atas masih bagus karena permintaan untuk CSS masih membutuhkan waktu dan halaman yang sama masih diblokir saat file CSS sedang diunduh. HTTP / 2 tidak mempercepat unduhan. Ini memungkinkan pengunduhan secara bersamaan. Dengan cara ini, gambar dan file lain tidak terikat menunggu tempat mereka dalam antrean, tetapi sekali lagi, dibutuhkan waktu dan waktu yang sama untuk mengunduh dan menjalankan atau menginstalnya seperti sebelum HTTP / 2.

rampok
sumber
Katakanlah Anda memiliki halaman dengan satu file css dan satu gambar. Gambar adalah ukuran file yang lebih besar daripada css. Jika mereka diunduh secara bersamaan, bukankah tidak masalah apakah css diuraikan atau tidak karena waktu pengunduhan akan memakan waktu selama sumber daya terpanjang, dalam hal ini, gambar?
jetyet47
@ jetyet47 Maksud saya adalah bahwa OP pikir HTTP / 2 mempercepat pengunduhan. Itu tidak. Perhatikan bahwa CSS memblokir cat pertama sampai diunduh dan model objek CSS dibuat.
Rob