Home Editorial #WinExplain: Bagaimana Cara Kerja Browser??

#WinExplain: Bagaimana Cara Kerja Browser??

#WinExplain: Bagaimana Cara Kerja Browser??

Berapa banyak dari kamu disini yang menggunakan browser Internet Explorer?? Mungkin beberapa orang saja. WinPoin sendiri menggunakan IE11, karena ketika menggunakan Firefox 36 selalu mendapati memory leak yang cukup besar, sedangkan Chrome 43 juga menggunakan memory yang besar. Setiap orang tentu memiliki browser favoritnya masing-masing. Ada suatu kejadian aneh dimana kamu 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 kamu gunakan. Mereka menggunakan 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 berbagai kode seperti HTML, CSS, JavaScript, PHP dan sebagainya. Ketika browser mengakses semua kode itu, mereka tau apa yang harus lakukan terhadap barisan kode tersebut.

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

#WinExplain: Bagaimana Cara Kerja Browser??

Karena setiap browser menggunakan rendering engine yang berbeda, tidak semua browser bisa menampilkan halaman web yang sama. Setiap rendering engine memiliki bahasa yang berbeda tergantung dari spesifikasinya. Dengan menggunakan CSS, halaman web akan memiliki format atau syle yang keren. Tapi tidak semua rendering engine bisa 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 digunakan browser saat ini, empat diantaranya digunakan oleh browser populer dan satunya digunakan oleh browser terbaru dari Microsoft.

  • WebKit: open source engine yang digunakan Safari pada OS X dan iOS, yang juga digunakan oleh banyak browser mobile, termasuk browser default Android.
  • Blink: open source engine yang berbasis WebKit, digunakan oleh Chrome, Opera, Amazon Slik, dan Android WebView (browser yang dibuka dalam aplikasi)
  • Gecko: open source engine yang dikembangkan oleh Mozilla Foundation, digunakan oleh Firefox
  • Trident: engine miliki Microsoft yang digunakan Internet Explorer.
  • EdgeHTML: engine miliki Microsoft yang digunakan 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 kamu memiliki rendering engine yang bagus, kamu bisa melakukannya dengan menggunakan Acid3. Tools ini menunjukan sebagaimana akurat browser bisa menampilkan halaman, dan seberapa besar keakuratan browser.

#WinExplain: Bagaimana Cara Kerja Browser??

Spesifikasi untuk HTML, CSS dan yang lainnya sangatlah besar. Element baru ditambahkan, element lama, tidak digunakan atau sudah lama akan dihapus. Perlu waktu yang lama agar rendering engine bisa 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 kamu mendukung HTML5, kamu bisa mengujinya menggunakan html5test.com. Untuk saat ini, ranking pertama dipegang oleh Chrome untuk masalah dukungan HTML5 dan ranking terbawa tidak lain adalah Internet Explorer 11.

#WinExplain: Bagaimana Cara Kerja Browser??

Jika kamu seorang web developer, menggunakan fitur yang didukung satu browser tapi tidak browser lain adalah hal yang fatal. Lebih baik kamu memilih menggunakan fitur yang didukung semua browser untuk kelancaran web.

 

Faktor yang Mempengaruhi Tampilan Website

  • Bug di engine: rendering engine adalah sebuah software dan semua software pasti memiliki bug. Meskipun critical bug sudah ditemukan dan diperbaiki, masih sangat tidak mungkin untuk menjamin hasil rendering yang sama dengan engine lainnya.
  • Bug di Web: Sebuah web dengan error kode mungkin bisa direndering dengan sempurna 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 menggunakan teknologi eksklusif yang tidak digunakan browser lain. Salah satu contohnya adalah 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 memiliki tampilan yang berbeda ketika membuka halaman situs. Setiap tahunnya setiap browser memiliki peningkatan, mereka selalu memberikan update supaya user bisa menikmati fitur baru yang ada di website.

 

Browser apa yang kamu gunakan saat ini?? Pernahkah kamu mengalami perbedaan tampilan website di browser yang kamu gunakan sekarang??

Suka ngobrolin berbagai hal tentang teknologi. Dia hampir tidak pernah bisa tenang sebelum mengetahui kabar teknologi paling gress saat ini.

  • doblonk

    gambar pertamanya keren :o

    • Zulmi Kurniawan

      Bener. Itu gadget winpoin semua yaa?

  • pcku212

    Min. Kenapa tadi WinPoin Error. ? :v

    • Ida Bagus Anom Sanjaya

      abis di DDoS kayaknya

      • pcku212

        Ini Pasti Kerjaan Si Sugan Droid :v

        • Ida Bagus Anom Sanjaya

          kayakne bukan deh..

    • ZAY

      mohon maaf atas ketidak nyamanannya

      itu karena ada sedikit masalah diserver kami :) sekarang sudah di fix

  • orang

    the many face of goldust :v

  • Kurotsuki Kaitou

    Sebenernya html5test ga gitu valid juga. Sudah pasti Chrome akan mendapat poin tertinggi. Penyebabnya, karena html5test adalah bikinan Google dan di dalam poin-poin testingnya, mereka memasukkan semua fitur html 5, termasuk tag-tag eksperimental yang sudah digunakan oleh Chrome namun belum diputuskan sebagai standar oleh konsorsium html.

    IE baru yang mulai strict tentang standar, jelas ga punya fitur eksperimental karena bukan termasuk standar. Makanya poin dia kecil di html5test.

    • Muhammad Hafid Suharijanto

      test langsung aja tagnya HTML 5

  • zainzacky

    Enakan di IE..
    Brosingnya jga lncar kok..jk d bndingan os lain yg pke aplikasi…

  • masih menunggu edge… :D

  • Labib Muhammad

    Chrome jadi yang pertama, dan Safari dikit banget. Mencurigakan

  • Taufiqur Rahman

    Ane pake UC :v

  • dimana saya bisa mendapatkan engine yang edgehtml ?

  • Zulmi Kurniawan

    Gak bisa instal uc browser. Pas instal selalu gagal. Sama kayak cut the rope 2. Huhu