Last updated on January 24
Metode atau pengetahuan website development yang Bagus akan sangat berperan pada hasil akhir pembuatan website. Ketika kita membuka suatu website dan terasa lambaat banget nge-loadnya, Niscaya kita bete. Google menempatkan kecepatan akses sebuah website sebagai salah satu prioritas Penting penempatan rangking di hasil pencaharian. Karena itu website development dengan Konsentrasi pada kecepatan akses, sudah Kagak perlu dipertanyakan lagi kepentingannya.
Lewat seberapa Ayal kah ‘Ayal’ itu? Secara Biasa 5 detik dipahami sebagai waktu yang cukup Bagus bagi sebuah website Buat fully loaded.
Apa penyebab sebuah website Ayal Buat diakses?
Nah ini dia pertanyaan kuncinya. Tetapi sebelum menjawab pertanyaan itu, perlu dipahami komponen pembentuk loading time.
Banyak hal yang mempengaruhi kecepatan akses dari sebuah website. Server, DNS, bandwidth, coding, database, content, adalah sebagian dari Unsur-Unsur penentu. Buat dapat meningkatkan kecepatan akses secara signifikan perlu dilakukan audit Buat mengetahui Unsur mana yang paling bermasalah.
Hasil audit akan menampilkan apa yang disebut waterfall chart, Adalah diagram kecepatan load pada setiap fase
Sebuah web browser akan menampilkan website secara bertahap (synchronous) sesuai dengan data yang diterima. Tahap-tahap tampilan suatu website Mempunyai istilah sebagai berikut.
Time To First Byte (TTFB)
TTFB adalah tahap dimana browser mulai menerima data pertama dari web server. Waktu yang dibutuhkan terbentuk dari 3 proses:
-
- Redirect. Ini adalah waktu yang dibutuhkan Buat melakukan redirect domain. Umumnya sebuah website melakukan redirect seperti
- Non-www ke www
- Http ke https
- Desktop ke mobile version
- Redirect Buat set cookies
- Connect. Ini adalah waktu yang dibutuhkan bagi sebuah browser Buat melakukan request ke server.
- Backend. Ini adalah waktu yang dibutuhkan bagi server Buat me-respon request dari browser.
- Redirect. Ini adalah waktu yang dibutuhkan Buat melakukan redirect domain. Umumnya sebuah website melakukan redirect seperti
Paint
Ini adalah tahap dimana browser mulai melakukan render dari data yang diterima, sehingga mulai menampilkan bagian-bagian text atau image, walaupun struktur dan posisi data Tetap berantakan.
DOM Loaded
Di tahap ini struktur HTML sudah terbentuk. Javascript dan stylesheet juga sudah siap sehingga browser sudah dapat menyusun data yang diterima sesuai struktur.
On Load
On load menandakan bahwa Sekalian element sudah selesai di load, atau dapat dipahami bahwa halaman website sudah ditampilkan secara utuh.
Penyebab lambatnya sebuah website ditampilkan dapat dianalisa dari tahap mana yang memakan waktu yang Kagak wajar.
Kalau TTFB yang Ayal, maka dapat dipastikan itu problem di koneksi, server dan/atau DNS. Kemungkinan diantaranya:
- Resource server sudah kepayahan, Bagus web server atau DNS server.
- Bisa juga karena halaman website melakukan redirect yang Kagak wajar
- Terlalu banyak DNS lookup
- Koneksi server yg terganggu
Sedangkan Kalau tahap Paint yang Ayal, maka kemungkinan Terdapat content yang berukuran besar. Misalnya image yang Kagak dikompresi dengan Bagus. Mungkin juga database yang bermasalah, atau metode pengolahan data yang Kagak efisien.
Lain lagi Kalau tahap DOM Loaded yang Ayal, maka kemungkinan file HTML yg terlalu besar atau Kagak terstruktur dengan Bagus. Bisa juga Javascript/CSS yang bermasalah atau hilang atau berukuran besar
On Load adalah tahap terakhir, yang merupakan akumulasi dari Sekalian tahapan.
Website yang aksesnya Segera akan sangat berpengaruh pada SERP, kenyamanan pengguna, serta Sekalian Call-to-Action yang Terdapat pada website. Sudah selayaknya web developer atau web programmer di Digital Agency Mempunyai standar kualitas dan tools yang dapat membantu menghasilkan website yang Mempunyai performance yang Bagus.
Salaam..