Perbedaan Antara Javascript Internal & Eksternal

Pada pertengahan 1990-an, pengembang di Netscape menciptakan bahasa skrip sederhana untuk digunakan sebagai alat untuk membuat situs web lebih interaktif dan menarik. Bahasa ini pada akhirnya akan dikenal sebagai Javascript. Banyak pengguna saat ini tidak menyadari bahwa fitur klien email atau situs jejaring sosial yang mereka andalkan adalah hasil dari ribuan baris pemrograman Javascript yang cerdas dan kompleks.

Javascript internal

Agar kode Javascript berfungsi dengan baik, entah bagaimana harus dimasukkan di lokasi yang tepat pada halaman web tertentu saat halaman dimuat. Kode Javascript internal adalah kode yang ditempatkan di mana saja di dalam halaman web di antara tag HTML. Banyak pengembang web memilih untuk menempatkan kode Javascript mereka sebelum tag.

Video Hari Ini

Javascript eksternal

Kode Javascript yang ditempatkan dalam file terpisah dari kode HTML disebut Javascript eksternal. Kode Javascript eksternal ditulis dan digunakan dengan cara yang sama seperti Javascript internal. File harus memiliki ekstensi ".js", meskipun hampir semua ekstensi lain berfungsi dengan browser modern. Satu perbedaan penting: Kode eksternal tidak boleh ditempatkan di antara tag, atau kode tidak akan berfungsi.

Peramban web harus mengetahui bahwa ia perlu memuat kode eksternal. Halaman web harus memiliki tag HTML berikut yang merujuk ke skrip:

URL memberi tahu server web tempat mencari dan memuat kode Javascript.

Keuntungan dari Javascript Internal

Jika jumlah baris Javascript relatif kecil, halaman web dengan Javascript internal memuat lebih cepat daripada halaman yang harus merujuk kode eksternal. Ini karena, saat browser web memuat halaman dan menemukan referensi ke kode eksternal, browser harus membuat permintaan terpisah ke server web untuk mengambil kode.

Keuntungan dari Javascript Eksternal

Jika kode identik digunakan pada beberapa halaman situs web, file Javascript eksternal akan bermanfaat. Anda hanya perlu menyertakan referensi ke kode eksternal di halaman yang benar-benar membutuhkan kode tersebut. Jika kode Javascript berubah, hanya satu file yang harus diedit; perubahan langsung tersedia untuk semua halaman yang membutuhkan kode. Menyimpan Javascript dalam file eksternal juga mempermudah pemeliharaan situs web: Halaman tidak terlalu berantakan, dan pengembang web memiliki lebih sedikit baris kode yang harus dilalui untuk melakukan pengeditan yang diperlukan. Baris kode HTML yang lebih sedikit juga dapat membantu spider mesin telusur mengindeks situs Anda secara lebih menyeluruh dan menemukan kata kunci penting.

Terakhir, jika pengunjung berpindah ke halaman lain yang berisi referensi Javascript eksternal yang sama, halaman kedua akan dimuat lebih cepat, karena browser pengguna akan menyimpan atau menyimpan file Javascript lokal.