Degradasi Beransur-ansur berbanding Peningkatan Progresif

GD bermula dengan pengalaman moden lengkap yang dibina untuk pelayar semasa, kemudian menambahkan sandaran untuk pelayar lama. Pengalaman teknologi termaju menjadi titik rujukan, manakala pelayar lama melihat versi yang dikurangkan.

Pengguna IE11 mungkin melihat halaman ringkas yang sama dengan mana-mana pendekatan. Perbezaannya terletak pada proses dan kod: pangkalan kod PE ialah satu set HTML dengan lapisan progresif; pangkalan kod GD ialah kod moden ditambah beberapa tampalan untuk mengatasi persekitaran lama.

PE mengutamakan garis dasar sebagai sumber kebenaran. Gangguan rangkaian, kegagalan skrip dan persekitaran yang tidak dijangka masih menghasilkan halaman yang berfungsi. GD menganggap laluan moden sebagai norma, jadi kegagalan yang tidak dijangka sering muncul sebagai halaman rosak dan bukannya halaman yang merosot secara terkawal.

Apabila sasaran khalayak terdiri daripada 99% pelayar moden, GD membolehkan pasukan mengoptimumkan kes lazim dan menambahkan sandaran secara reaktif. Untuk perkakas dalaman atau aplikasi khusus dengan pengguna yang diketahui, ini boleh menjadi pilihan praktikal — disiplin PE merupakan beban tambahan.

Laman awam untuk pengguna mendapat manfaat daripada PE: pengguna yang tidak diketahui pada peranti yang tidak diketahui, serta kebolehcapaian dan pengoptimuman enjin carian, adalah penting. Papan pemuka dalaman pada kelompok pelayar yang diketahui boleh menggunakan GD tanpa banyak kerugian. Tiada satu jawapan yang betul.

Projek sebenar menggabungkan kedua-duanya: paparkan HTML teras oleh pelayan (PE untuk laluan kritikal) dan hantar himpunan JS besar yang meningkatkannya (sandaran gaya GD untuk pelayar lama). Kenali setiap pilihan secara sedar dan bukannya lalai kepada satu strategi tanpa menelitinya.

Pasukan PE menekankan SSR, penanda semantik dan titik akhir yang tahan lasak. Pasukan GD menekankan penukar kod, polifil dan penggabungan bersyarat. Kedua-dua tindanan menghantar sesuatu kepada pelayar lama; perbezaan falsafahnya ialah garis dasar pihak mana yang memacu seni bina.

Dokumentasikan matriks pelayar yang disokong dan strategi yang digunakan. "Kami menggunakan PE: laman ini berfungsi dalam mana-mana pelayar yang mampu memaparkan HTML walaupun JS dilumpuhkan" atau "Kami menggunakan GD: pengalaman lengkap pada dua versi terkini Chrome/Firefox/Safari, dengan sandaran asas baca sahaja dalam IE11". Kedua-duanya sah; kesamaran ialah musuh.

PE memerlukan lebih banyak reka bentuk pada peringkat awal tetapi kurang penyelenggaraan berterusan: garis dasar jarang rosak. GD memerlukan kos awal yang lebih rendah tetapi kos jangka panjang yang lebih tinggi apabila polifil dan shim semakin bertambah. Buat pilihan dengan mengambil kira jangka hayat projek.

PE bermula dengan garis dasar HTML sejagat dan meningkatkannya secara progresif; GD bermula dengan pengalaman moden dan beralih secara progresif kepada sandaran. PE lebih tahan lasak dan mesra kebolehcapaian; GD lebih pantas dihantar untuk khalayak moden yang diketahui. Buat pilihan secara sedar berdasarkan khalayak dan dokumentasikan matriks yang disokong.