#WinExplain: Bagaimana Cara Kerja Browser??

Berapa banyak dari kau disini yang memakai browser Internet Explorer?? Mungkin beberapa orang saja. WinPoin sendiri memakai IE11, alasannya ialah ketika memakai Firefox 36 selalu mendapati memory leak yang cukup besar, sedangkan Chrome 43 juga memakai memory yang besar. Setiap orang tentu mempunyai browser favoritnya masing-masing. Ada suatu tragedi abnormal dimana kau membuka web di browser yang berbeda akan menampilkan hasil yang berbeda. Bahkan mungkin ada salah satu fungsi dari web itu tidak bekerja di browser favorit kamu.

Saat ini ada lima browser favorit (Opera, Mozilla Firefox, Chrome, Internet Explorer, Edge ) yang mungkin salah satunya kau gunakan. Mereka memakai rendering engine berbeda untuk menampilkan halaman web. Berikut ini WinPoin akan menjelaskan bagaimana cara kerja browser untuk menampilkan halaman web.

 

Apa itu Rendering Engine??

Halaman web di download ke komputer kita dan di tampilkan oleh browser, cara kerja browser tidak sesimpel itu. Di balik halaman web ada banyak sekali instruksi menyerupai HTML, CSS, JavaScript, PHP dan sebagainya. Ketika browser mengakses semua instruksi itu, mereka tau apa yang harus lakukan terhadap barisan instruksi tersebut.

Masing-masing browser memakai rendering engine yang berbeda, kadang juga disebut dengan layout engine, memberikan konten dan mengatur style dari kode, kemudian menampilkannya di layar dalam bentuk yang sesuai format.

Karena setiap browser memakai rendering engine yang berbeda, tidak semua browser sanggup menampilkan halaman web yang sama. Setiap rendering engine mempunyai bahasa yang berbeda tergantung dari spesifikasinya. Dengan memakai CSS, halaman web akan mempunyai format atau syle yang keren. Tapi tidak semua rendering engine sanggup menampilkan CSS dengan keadaan yang sama. Kadang-kadang ada pergeseran letak pixel dari browser satu ke browser lain.

 

Rendering Engine Browser

Ada lima rendering engine yang dipakai browser ketika ini, empat diantaranya dipakai oleh browser terkenal dan satunya dipakai oleh browser terbaru dari Microsoft.

• WebKit: open source engine yang dipakai Safari pada OS X dan iOS, yang juga dipakai oleh banyak browser mobile, termasuk browser default Android.
• Blink: open source engine yang berbasis WebKit, dipakai oleh Chrome, Opera, Amazon Slik, dan Android WebView (browser yang dibuka dalam aplikasi)
• Gecko: open source engine yang dikembangkan oleh Mozilla Foundation, dipakai oleh Firefox
• Trident: engine miliki Microsoft yang dipakai Internet Explorer.
• EdgeHTML: engine miliki Microsoft yang dipakai browser terbarunya Microsoft Edge.

 

Standart Website

Perbedaan antara rendering engine browser sejauh ini sangat kecil, kecuali rendering engine Internet Explorer yang selama ini memang terkenal nyeleneh. Untuk menguji apakah browser kau mempunyai rendering engine yang bagus, kau sanggup melakukannya dengan memakai Acid3. Tools ini mengambarkan sebagaimana akurat browser sanggup menampilkan halaman, dan seberapa besar keakuratan browser.

Spesifikasi untuk HTML, CSS dan yang lainnya sangatlah besar. Element gres ditambahkan, element lama, tidak dipakai atau sudah usang akan dihapus. Perlu waktu yang usang supaya rendering engine sanggup membaca perubahan.

Beberapa element di HTML5 dan CSS tidak didukung oleh browser lama, beberapa browser mendukungnya, ada juga cuma beberapa elemen yang didukung. Untuk menguji apakah browser kau mendukung HTML5, kau sanggup mengujinya memakai html5test.com. Untuk ketika ini, ranking pertama dipegang oleh Chrome untuk duduk kasus proteksi HTML5 dan ranking terbawa tidak lain ialah Internet Explorer 11.

Jika kau seorang web developer, memakai fitur yang didukung satu browser tapi tidak browser lain ialah hal yang fatal. Lebih baik kau menentukan memakai fitur yang didukung semua browser untuk kelancaran web.

 

Faktor yang Mempengaruhi Tampilan Website

• Bug di engine: rendering engine ialah sebuah software dan semua software niscaya mempunyai bug. Meskipun critical bug sudah ditemukan dan diperbaiki, masih sangat mustahil untuk menjamin hasil rendering yang sama dengan engine lainnya.
• Bug di Web: Sebuah web dengan error instruksi mungkin sanggup direndering dengan tepat di salah satu browser tapi tidak untuk semua browser.
• Font: Tipografi yang ditampilkan website tidak ditangani oleh browser tetapi oleh sistem operasi. Windows dan OS X merendering font dengan cara berbeda, jadi meskipun font yang ditampilkan browser sama tapi akan terlihat berbeda di platform lain.
• Fitur eksklusif: Beberapa browser mungkin memakai teknologi pribadi yang tidak dipakai browser lain. Salah satu misalnya ialah ActiveX miliki Microsoft Internet Explorer, meskipun mereka tidak menggunakannya kembali di browser terbaru si Microsoft Edge.

Dengan banyaknya faktor yang ada, tidak mengherankan setiap browser mempunyai tampilan yang berbeda ketika membuka halaman situs. Setiap tahunnya setiap browser mempunyai peningkatan, mereka selalu memperlihatkan update supaya user sanggup menikmati fitur gres yang ada di website.

 

Browser apa yang kau gunakan ketika ini?? Pernahkah kau mengalami perbedaan tampilan website di browser yang kau gunakan sekarang??

Sumber: https://winpoin.com/

Share this post