Perpustakaan judul masih dalam tahap pengembangan, admin siap menampung kritik dan saran
Pengurangan Load Time Halaman Responsive Web dengan Teknik Client-Side Caching, Content Compression, Content Minification, dan Lazy Loading
Resly Suniar (2017) | Skripsi | Teknik Informatika , Teknik Komputer
Bagikan
Ringkasan
Responsive Web Design (RWD) merupakan sebuah konsep yang menawarkan sebuah website yang dapat diakses dari berbagai macam device. Cara kerjanya adalah menyesuaikan layout website-nya sendiri sesuai dengan resolusi device yang mengaksesnya. RWD juga menawarkan website yang kaya akan animasi juga keindahan halaman dengan ornamen berupa gambar-gambar beresolusi besar. Namun, website yang menerapkan RWD masih memiliki kekurangan, yaitu dalam hal load time yang lambat. Penyebab load time yang lambat salah satunya adalah banyaknya file konten yang terlibat untuk halaman web, dan besar ukuran masing-masing file konten tersebut. Load time yang lambat akan membuat pengunjung menunggu terlalu lama dan transaksi pada website juga menjadi lambat. Melihat hal ini, perlu adanya analisis untuk mencari tahu faktor penyebab dan bagaimana cara mengurangi load time agar menjadi lebih cepat. Tugas Akhir ini berkaitan dengan pengurangan load time dari sisi client (client-load time) untuk sebuah halaman responsive web dengan pengoptimalan konten pembentuk halaman responsive web tersebut. Pendekatan yang dilakukan Tugas Akhir ini adalah dengan cara menganalisis halaman responsive web untuk mengetahui konten yang menyebabkan load time dari halaman tersebut menjadi lambat. Kemudian dilakukan pengoptimalan konten dengan menggunakan: (a) client-side caching untuk Pengoptimalan dibagian HMTL; (b) content compression untuk bagian CSS, JavaScript, dan gambar; (c) content minification untuk bagian CSS dan JavaScript; dan (d) penerapan design pattern lazy loading. Hasil Eksperimen dari 20 data halaman responsive web yang digunakan menunjukkan bahwa load time dengan pengoptimalan dari sisi client dapat dikurangi hingga sebesar 56%. Implikasi dari upaya pengurangan load time dari sisi client diatas adalah user dapat lebih cepat menerima respon ketika mengakses halaman responsive web. Kata Kunci: Responsive Web, Pengoptimalan konten website, Load Time, Client-side, Lazy Loading.
Ringkasan Alternatif
Responsive Web Design (RWD) is a concept that offers a website that can be accessed from various devices. The way it works is to adjust the layout of the website in accordance with the resolution of the device when it is accessed. RWD also offers a website that is rich in animation and a beautiful web page with ornaments in the form of large-resolution images. However, websites that applying RWD still have shortcomings, namely in terms of a slow load time. The causes of the slow load time include the number of content files involved in a web page, and each file has big size. Slow load time will make visitors wait too long and transactions on the website also become slow. Seeing this, analysis to find out the causes and how to reduce the load time in order to become faster are needed. This Final Project concerned with a reduction in load time from the client side (client-load time) for a responsive web page by optimizing the content that formed the web page. The approach in the Final Project was taken by analyzing the responsive web pages to determine which contents that caused the slow load time. This was continued with optimizing by using (a) client-side caching for Optimized HMTL section; (b) content compression for CSS, JavaScript, and images section; (c) content minification for CSS and JavaScript section; and (d) design pattern lazy loading. The result of the experiment using from 20 data responsive web indicates that the load time optimization of the client side can be reduced by up to 56%. The implication of efforts to reduce the load time from the client-side is that the user can receive a quicker response when accessing responsive web pages. Keywords: Responsive Web, Web Content Optimation, Load Time, Client-side, Lazy Loading.