Bagaimana membangun situs web yang lebih cepat

Sep 11, 2025

Bagaimana caranya

Di depan pembicaraannya di Hasilkan London. pada 21 September kami menyusul Patrick Hamann. , insinyur kinerja web di Dengan cepat , yang sedang dalam misi untuk membangun web yang lebih cepat untuk semua.

Apa yang secara cepat dilibatkan peran Anda?
Patrick Hamann: Cepat adalah platform edge edge yang menopang beberapa merek terbesar di dunia. Peran saya sebagian besar berfokus pada R & amp; D; Bekerja dengan tim dengan cepat untuk memanfaatkan teknologi sisi klien dan standar web untuk meningkatkan kinerja dan pengiriman produk kami dan - yang paling penting - layanan pelanggan kami. Beberapa proyek saat ini termasuk inisiatif seputar pemantauan kinerja browser, metrik dan pekerja layanan.

Sebelum bergabung dengan cepat, Anda menghabiskan waktu di The Guardian dan Financial Times. Bagaimana mereka mendekati kinerja web?
PH: Kinerja tidak lagi merupakan item add-on atau daftar periksa pasca-deploy. Perlu menjadi upaya konstan bahwa setiap orang dalam organisasi menganggap, dari desain hingga pengiriman. Ini adalah sesuatu yang diwujudkan oleh organisasi berita ini sangat awal, memperkenalkan praktik-praktik seperti membangun infrastruktur pemantauan untuk mengukur dan membandingkan kinerja terhadap pesaing, memprioritaskan pengiriman konten melalui fitur-fitur lain dan memanfaatkan teknologi seperti.

Apa hambatan terbesar untuk pengalaman cepat online sekarang?
PH: Satu kata: javascript. Saya kira saya harus menguraikan ini sedikit: Web berada di puncak krisis obesitas JavaScript. Halaman Web rata-rata sekarang memberikan skrip sekitar 500KB. Script yang membutuhkan waktu lebih dari satu detik hanya untuk mengurai - apalagi dieksekusi - pada perangkat berdaya rendah dan lebih dari lima detik untuk sampai ke suatu negara yang dapat berinteraksi dengan halaman. Oleh karena itu, satu-satunya cara untuk meningkatkan pengalaman pengguna situs kami adalah dengan mengukur, mengoptimalkan dan mengurangi javascript kami - di atas segalanya.

WebPageTest runs a free website speed test from multiple locations around the globe using real browsers and at real consumer connection speeds — Webpagetest menjalankan tes kecepatan situs web gratis dari beberapa lokasi di seluruh dunia menggunakan browser nyata dan pada kecepatan koneksi konsumen nyata

Apa alat favorit Anda untuk mengoptimalkan kinerja web?
PH: Saya sangat percaya bahwa Anda tidak dapat mengoptimalkan apa yang belum Anda ukur. Jadi kotak alat saya sangat berbobot dengan alat pengukuran dan profil. Untuk pengukuran sintetis, saya akan selalu meraih Webpagetest. dan alat pengembang browser (jaringan dan panel kinerja) terlebih dahulu. Namun, tidak ada yang mengalahkan pengukuran pengalaman pengguna nyata juga (R.U.M), jadi pengetahuan yang baik tentang kinerja timing kinerja browser juga membantu.

Anda telah mengerjakan beberapa basis kode yang sangat besar. Apa tantangan bekerja pada skala?
PH: Pada umumnya saya berpendapat bahwa basis kode Besar sebagian besar masalah yang akan Anda temukan dalam yang lebih kecil: menghilangkan CSS yang tidak digunakan (masalah yang saya pikir tidak terpecahkan), caching, aset membangun pipa dan versi, dan sebagainya. Anda juga mendapatkan lebih banyak 'membusuk' - praktik terbaik menjadi anti-pola seiring waktu. Tetapi secara pribadi saya telah menemukan sebagian besar tantangan dalam skala adalah masalah orang, bukan yang teknis. Saya belum bekerja di organisasi besar yang tidak terpengaruh oleh Hukum Conway.

Anda menyebut diri Anda advokat peningkatan progresif. Apa tentang pendekatan itu yang beresonansi dengan Anda?
PH: Bertentangan dengan kepercayaan populer, pengguna kami benar-benar menggunakan produk yang kami bangun di dunia nyata: satu penuh dengan kondisi penjelajahan yang tidak ideal dan kegagalan di setiap sudut. Peningkatan progresif memungkinkan kami untuk membangun pengalaman yang inklusif untuk semua pengguna kami dan tangguh dengan kegagalan dunia nyata. Cukup sederhana: mulailah dengan dasar-dasarnya, bukan perpustakaan JavaScript 300KB yang diceritakan oleh barista lokal Anda. Kita seharusnya tidak melupakan dasar-dasarnya.

Apa yang Anda sukai dalam pengembangan frontend saat ini?
PH: Web berada di bawah ancaman. Pengguna menghabiskan lebih banyak waktu dalam pengalaman aplikasi asli - dan karenanya menjauh dari keterbukaan web. Namun kami tampaknya masih membangun situs yang memakan waktu 20 detik dan biaya £ 1,20 per beban pada koneksi roaming saya, pada akhirnya mengendarai pengguna kami lebih jauh.

Untungnya, teknologi seperti pekerja layanan dan API terkait ada di sini untuk membantu. Saya tidak sabar menunggu era baru situs web yang cepat dan tangguh yang masih berfungsi secara offline, dapat menyinkronkan data saya di latar belakang dan memberi tahu saya dengan pembaruan. Beberapa orang menyebut perkembangan ini 'Progressive Web Apps'. Saya lebih suka istilah 'Web'.

In his talk at Generate London Patrick Hamann will explore the current, past, and future best-practices for loading assets in the browser — Dalam pembicaraannya pada Hasilkan London Patrick Hamann akan mengeksplorasi praktik terbaik saat ini, masa lalu, dan masa depan untuk memuat aset di browser

Apa yang bisa diharapkan orang untuk belajar dari pembicaraan Anda di Hasilkan London. ?
PH: Kepada orang luar, melayani situs web tampaknya cukup sederhana: Kirim beberapa HTML dan CSS ke bawah kawat maka browser memutuskan apa yang harus dilakukan selanjutnya. Namun, banyak yang sebenarnya terjadi di bawah kap, semua datang dengan biaya kepada pengguna kami.

Bagaimana browser menentukan aset apa yang diminta selanjutnya? Bagaimana kita bisa mengukur kecepatan yang dirasakan dari situs web kita? Bagaimana kita dapat menggunakan fitur platform web modern untuk mempengaruhi prioritas dan kecepatan aset kami? Semoga pembicaraan saya akan menjawab pertanyaan-pertanyaan ini dan banyak lagi. Memberi audiens alat untuk menciptakan pengalaman yang lebih cepat dan lebih tangguh untuk pengguna mereka.

Hasilkan London. Pada 21/22 September memiliki 15 presentasi lain yang mencakup animasi web, strategi UX, prototipe, aksesibilitas, komponen CSS responsif, dan banyak lagi. Ada juga empat lokakarya untuk dipilih pada hari sebelum konferensi tetapi tiket sangat terbatas. Cadangan tempat Anda sekarang !

Bagaimana membangun situs web yang lebih cepat

Bagaimana caranya - Artikel Terpopuler

Cara meregangkan kanvas dan mengatur untuk cat minyak

Cara menggambar seekor burung

Cara menghidupkan dengan perpustakaan Mo.JS

Cara membuat interior dengan Blender's Eevee

Cara menguasai anatomi makhluk

Cara Membuat Aset Digital

Bagaimana cara memahat secara digital di ZBrushcore

Cara Membuat Kain CG Realistis

Kategori