Evaluasi Web Performance Pemerintah Daerah Kabupaten Magelang dalam Rangka Mendukung Penerapan E-Government untuk Pelayanan Publik Evaluation of the Web Performance of Magelang Regency Government to Support the Implementation of E-Government for Public Services Charles De Haan Program Studi Animasi, Jurusan Animasi dan Teknologi Permainan, Sekolah Tinggi Multi Media "MMTC" Yogyakarta Jln. Magelang Km. 6 Yogyakarta, Indonesia Email: Abstract Evaluating the performance of a website is an important part to keep the website up and running with good performance. The availability of image and text information in a good composition will provide comfort and trust for the public. Access speed of the main web page display is also an important part for the continuity of users' information browsing on the website. This study analyzes the performance of the Magelang regency government website with a focus on analyzing the speed of the main web pages and recommendations for improvement using a web-based application, the It also analyzes screen type compatibility and image resolution using web application, the The result of the research states that web performance in the aspect of web page speed appears in the browser as a whole or full loaded time is 10.9 seconds. The connection speed uses the best, it is in the broadband Fast 20/5 Mbps network where the server location is in Hong Kong, China. The summary of recommendations for improvement shows that of the 27 test parameters only 6 parameter items that have low scores, those are optimize images F (0%), avoid bad requests F (19%), enable gzip compression D (62%), defer parsing of JavaScript D (65%), specify a cache validator D (60%), dan serve resources from a consistent URL D (69%). The results of the screen compatibility test and resolution show that if the main web page is displayed on a desktop screen type, then the most compatible size is a 15-inch notebook with a resolution of 1366x768 px, while for the type of tablet the most compatible type is Samsung Galaxy Tab 7 Tablet with a resolution of 1024x600 px. There are 2 types of mobile that are most compatible, namely Samsung Galaxy S3 7 and Mobile Apple 6/7. For television screen types, web pages are most compatible with 720 television types with a resolution size of 1024x720 px. Key words: web performance, web page speed, Gtmetrix, Quirktools Abstrak Evaluasi terhadap kinerja sebuah website adalah salah satu bagian penting dalam upaya menjaga website untuk tetap bekerja dengan performa yang baik. Ketersediaan informasi gambar dan teks pada komposisi yang baik akan memberikan kenyamanan dan kepercayaan publik. Kecepatan akses tampilan halaman web utama tidak kalah penting untuk keberlanjutan penelusuran informasi dalam website oleh pengguna. Penelitian ini melakukan analisis kinerja website pemerintah Kabupaten Magelang dengan fokus pada analisis kecepatan halaman web utama dan rekomendasi perbaikan menggunakan aplikasi berbasis web Selain itu juga menganalisis kompatibilitas jenis layar dan resolusi gambar menggunakan aplikasi web Quirktools. com. Hasil penelitian menyatakan bahwa kinerja web pada aspek kecepatan halaman web tampil di browser secara keseluruhan atau full loaded time yaitu 10,9 detik. Kecepatan koneksinya menggunakan yang terbaik, yaitu pada jaringan broadband Fast 20/5 Mbps di lokasi server Hongkong, China. Ringkasan rekomendasi saran perbaikan menunjukkan bahwa dari 27 parameter uji hanya 6 item parameter yang memiliki skor rendah yaitu optimize images F (0%), avoid bad requests F (19%), enable gzip compression D (62%), defer parsing of JavaScript D (65%), specify a cache validator D (60%), dan serve resources from a consistent 23
24 URL D (69%). Hasil uji kompatibilitas layar dan resolusi menunjukkan jika halaman web utama ditampilkan pada jenis layar desktop, maka ukuran yang sangat kompatibel adalah notebook 15 inci dengan resolusi 1366x768 px, sedangkan untuk jenis tablet yang paling kompatibel adalah jenis Tablet Samsung Galaxy Tab 7 dengan resolusi 1024x600 px. Pada jenis mobile terdapat 2 jenis yang paling kompatibel, yaitu Samsung Galaxy S3 7 dan Mobile Apple 6/7. Untuk jenis layar televisi, halaman web paling kompatibel dengan jenis televisi 720 dengan ukuran resolusi 1024x720 px. Kata kunci: kinerja web, kecepatan halaman, Gtmetrix, Quirktools PENDAHULUAN an Kerja Perangkat Daerah (SKPD) yang ada di Teknologi informasi kini semakin berkem­ Kabupaten Magelang. bang dengan memberi solusi efesiensi dan efek­ Dengan adanya instruksi presiden tentang tifitas dalam penggunaannya, seiring dengan e-Government tersebut di atas tentunya tujuan tuntutan zaman yang membutuhkan pekerjaan yang diharapkan adalah terbentuknya pemerin­ dilakukan secara cepat dan tepat serta memiliki tahan yang bersih, transparan, dan mampu men­ tingkat output yang baik. Informasi begitu cepat jawab tuntutan perubahan secara efektif. Peme­ didapat dengan menggunakan teknologi infor­ rintahan harus mampu memenuhi tuntutan akan masi. Bahkan menyebarkan kembali informasi dpat dilakukan hanya dalam hitungan waktu pelayanan publik kepada masyarakat yang luas, dapat diandalkan dan terpercaya, serta mudah di­ detik. Informasi sudah dapat dinikmati orang di jangkau secara interaktif. Masyarakat ingin agar berbagai belahan dunia. aspirasinya didengar. Oleh karena itu pemerin­ Penerapan e-Government atau yang se ring tahlah yang seharusnya memfasilitasi partisipasi diartikan pemerintahan berbasis elektronik dan dialog publik dalam perumusan kebijakan mulai gencar sejak dikeluarkannya Instruk­ negara. Pemerintah Kabupaten Magelang telah si Presiden Nomor 3 Tahun 2003 tentang Ke­ mengupayakan sesuai tujuan pengembangan bijakan dan Strategi Nasional Pengembangan e-Government, melakukan penataan sistem ma­ e-Government. Sejak itu pemerintah propinsi najemen dan proses kerja di lingkungan peme­ dan daerah mulai menerapkan pemerintahan rintah dengan mengoptimasikan pemanfaatan elektronik atau dengan istilah e-Government teknologi informasi. dalam rangka meningkatkan pelayanan publik Pemanfaatan teknologi informasi tersebut ke masyarakat. Alhasil sebagian besar peme­ mencakup 2 (dua) aktivitas yang berkaitan, yai­ rintah daerah kini sudah memiliki setidaknya sebuah website sebagai pintu gerbang dengan tu: 1. Pengolahan data, pengelolaan informa­ berbagai layanan publik yang dilakukan. Tidak si, sistem manajemen dan proses kerja ketinggalan di Propinsi Jawa Tengah khususnya secara elektronis. pemerintah daerah Kabupaten Magelang. Jajar­ 2. Pemanfaatan kemajuan teknologi infor­ an dinas dan badan pemerintah di daerah Ka­ masi agar pelayanan publik dapat bupaten Magelang juga telah memiliki website di ak ses secara mudah dan murah sebagai bagian dari upaya penerapan layanan oleh masyarakat di seluruh wilayah berbasis elektronik. Pelayanan berbasis online negara. yang diselenggarakan tentunya menyesuaikan dengan tugas dan fungsi masing­masing Satu­ Hal­hal di atas mengisyaratkan bahwa tuntut­ an pelayanan kepada masyarakat telah bergeser
25 dari pelayanan yang bersifat konvensional men­ an teknis yang justru akan membuat pelayanan jadi pelayanan publik berbasis online. Semua ini publik menjadi tidak terlayani dengan baik. Di dilakukan sesuai dengan Instruksi Presiden No­ dalam portal web Kabupaten Magelang terdapat mor 3 Tahun 2003 tentang Kebijakan dan Strate­ website Satuan Kerja Perangkat Daerah (SKPD) gi Nasional Pengembangan E-Government yang sebagai bagian yang tak terpisahkan dalam pe­ lebih mengedepankan tentang bagaimana pe­ layanan kepada masyarakat melalui portal web. merintahan daerah dapat memanfaatkan strategi Dengan kondisi ini sebuah portal web memiliki pengembangan e-Government untuk mengem­ beban yang cukup kompleks mengenai waktu bangkan sistem pelayanan yang handal dan ter­ respon halaman portal yang sangat bergantung percaya, serta terjangkau oleh masyarakat luas. kepada desain portal web dengan variasi besaran Salah satu bagian dari strategi pengembangan bandwith koneksi jaringan internetnya. e-Government yang disarankan oleh pemerintah pusat adalah pada Strategi­1 butir b dari instruk­ KAJIAN PUSTAKA si presiden tersebut, yaitu: Pemanfaatan Website informasi "Pembentukan portal­portal dan pelayanan publik yang dapat mengin­ tegrasikan sistem manajemen dan proses kerja instansi pemerintah terkait, sehing­ ga masyarakat pengguna tidak merasakan sekat­sekat organisasi dan kewenangan di lingkungan pemerintah. Sasaran ini akan diperkuat dengan kebijakan tentang ke­ wajiban instansi pemerintah dan pemer­ intah daerah otonom untuk menyediakan Website atau yang dapat disebut web ada­ lah sekumpulan halaman web yang didesain sedemikian rupa, saling berhubungan dengan halaman web lain secara internal maupun eks­ ternal yang diakses melalui menu­menu yang dibuat untuk memudahkan menelusuri infor­ masi yang dibutuhkan. Informasi web dapat berbentuk teks, suara, video, dan animasi. Be­ berapa ahli menjelaskan secara berbeda­ beda. informasi dan pelayanan publik secara Website merupakan fasilitas internet yang online". menghubungkan dokumen dalam lingkup lokal Sasaran dari butir strategi ini adalah agar pe­ maupun jarak jauh (Lukmanul, 2004). Doku­ merintah daerah dapat memanfaatkan perkem­ men pada website disebut dengan web page dan bangan teknologi informasi untuk menyediakan link dalam website memungkinkan pengguna informasi dan pelayanan kepada masyarakat, bisa berpindah dari satu page ke page lain (hy- organisasi, dan perusahaan dengan membentuk per text), baik di antara page yang disimpan da­ portal informasi dan pelayanan publik secara lam server yang sama maupun server di seluruh online. Pemerintah Kabupaten Magelang saat dunia. Website adalah kumpulan halaman web ini sudah memiliki portal informasi, namun be­ yang saling terhubung dan file-filenya saling ter­ lum diketahui apakah kinerja dan kualitas portal kait (Gregorius, 2000:30). Web terdiri dari page web ini sudah memenuhi harapan masyarakat atau halaman, dan kumpulan halaman yang di­ Kabupaten Magelang. Evaluasi terhadap hal ini namakan homepage. Homepage berada pada sangat penting karena portal web merupakan posisi teratas, dengan halaman­halaman terkait pintu gerbang pelayanan publik secara online berada di bawahnya. Biasanya setiap halaman di kepada masyarakat. Portal ini harus benar­benar bawah homepage disebut child page, yang beri­ siap untuk diakses dan bebas dari permasalah­ si hyperlink ke halaman lain dalam web.
26 Situs web dapat memiliki banyak fungsi dan masi web secara otomatis. Halaman­halaman dapat digunakan dalam berbagai tipe website, yang dinamis ditampilkan langsung dari sisi situs web pribadi, situs web perusahaan, situs server yang melayani permintaan halaman web pemerintah, situs web organisasi, dan ma­ web. Ada berbagai macam sistem perangkat sih banyak lagi sesuai keperluan. Situs web bi­ lunak, seperti Computer-Generated Image asanya memiliki tujuan tertentu, mulai dari web- (CGI), Java Servlets dan Java Server Pages site untuk pemberitaan, website personal berupa (JSP), Active Server Pages dan ColdFusion web blog, website komunitas, hingga menye­ (CFML) yang tersedia untuk menghasilkan diakan berita dan pendidikan. Semua situs web sistem web dinamis. Berbagai kerangka kerja yang dapat diakses publik secara kolektif mer­ aplikasi web dan sistem template web terse­ upakan world wide web. dia untuk bahasa pemrograman yang umum Jika dilihat dari jenis halamannya, website digunakan seperti Perl, PHP, Python, dan dapat dikategorikan menjadi 2, yaitu: Ruby untuk membuatnya lebih cepat dan le­ 1. Website statis bih mudah untuk membuat situs web dinamis Website statis adalah situs web yang memi­ liki halaman web yang disimpan di server yang kompleks. Situs web dapat menampilkan proses dalam format Hypertext Markup Language dia log yang berlangsung di antara penggu­ (HTML) dan Cascading Style Sheets (CSS) na, memantau situasi yang berubah, atau yang digunakan untuk mengontrol tampilan memberikan informasi dengan cara yang di luar HTML. Informasi berupa audio atau dipersonalisasi sesuai kebutuhan pengguna video juga dapat dianggap konten yang ber­ individu. Website dinamis memungkinkan sifat statis jika diputar secara otomatis atau penggabungan fragmen HTML yang tersim­ umumnya tidak interaktif. Situs web jenis pan dengan berita yang diambil dari database statis ini biasanya menampilkan informasi atau situs web lain melalui Rich Site Summa- standar seperti brosur cetak dan konsisten ry (RSS) untuk menghasilkan halaman yang untuk jangka waktu yang lama. menyertakan informasi terbaru. Situs dina­ Situs web dapat melakukan pembaruan mis dapat bersifat interaktif menggunakan secara berkala dengan proses manual untuk formulir HTML, menyimpan dan membaca mengedit teks, foto, dan konten lainnya. Si­ kembali cookie browser, atau dengan mem­ tus web statis seperti situs web klasik dengan buat serangkaian halaman yang mencer­ jumlah halaman web minimal karena menya­ minkan riwayat klik sebelumnya. HTML di­ jikan informasi statis yang telah ditentukan namis menggunakan kode JavaScript untuk sebelumnya untuk pengguna. Termasuk juga menginstruksikan browser web cara mengu­ informasi tentang perusahaan, produk, dan bah konten halaman secara interaktif. layanannya melalui teks, foto, animasi, au­ Kinerja Website dio/video, dan menu navigasi. Kinerja web mengacu pada kecepatan di 2. Website dinamis mana halaman web diunduh dan ditampilkan Website dinamis adalah website yang di browser web pengguna. Souders (2007:170) dapat mengubah atau menyesuaikan infor­ menyatakan bahwa kecepatan unduh situs web
27 yang lebih cepat telah terbukti meningkatkan (IGI­Global, 2018). Hal tersebut mengacu pada retensi pengunjung dan loyalitas serta kepuas­ penggunaan teknologi internet sebagai plat­ an pengguna, terutama bagi pengguna dengan form untuk bertukar informasi, menyediakan koneksi internet yang lambat dan mereka yang layanan dan bertransaksi dengan warga negara, menggunakan perangkat seluler. Performa web bisnis, dan bagian­bagian pemerintah lainnya. juga menyebabkan lebih sedikit data yang melin­ e-Government dapat diterapkan oleh legisla­ tas di web, yang pada gilirannya menurunkan tif, yudisial, atau administrasi, dalam rangka konsumsi daya situs web dan dampak lingkung­ meningkatkan efisiensi internal, pengiriman an. Menurutnya beberapa aspek yang dapat layanan publik, atau proses pemerintahan yang mempengaruhi kecepatan pemuatan halaman demokratis. terdiri atas cache browser atau server, optimal­ Beberapa ahli mengatakan e-Government isasi gambar, dan enkripsi (misalnya SSL), yang adalah ketentuan elektronik dari informasi dan dapat mempengaruhi waktu yang diperlukan layanan pemerintah 24 jam per hari, tujuh hari untuk pembuatan halaman. Kinerja halaman per minggu. Electronic Government (e-Gov- web dapat ditingkatkan melalui teknik seperti ernment) berarti mengacu pada penggunaan te­ cache multi-layered, desain ringan dari kom­ knologi informasi untuk menyediakan layanan ponen lapisan presentasi, dan komunikasi asyn- pemerintah secara online, yang bertujuan un­ chronous dengan komponen di sisi server. tuk menyediakan layanan yang lebih cepat dan Peningkatan kinerja web difokuskan terutama lebih baik bagi para pemangku kepentingan pada pengoptimalan kode situs web dan men­ (Holden, Norris & Fletcher dalam IGI­Global, dorong keterbatasan perangkat keras. Beberapa 2018). Hal ini dapat dibagi menjadi empat kate­ teknik awal yang dapat digunakan adalah meng­ gori berdasarkan kepada siapa layanan online gunakan servlet sederhana atau CGI, mening­ diperuntukkan, yaitu Government to Citizen katkan memori server, dan mencari packet loss (G2C), Government-to-Business (G2B), Gov- dan retransmisi (Killelea, 2002:480). Meskipun ernment-to-Government (G2G), dan Govern- prinsip­prinsip ini sekarang terdiri dari banyak ment-to-Employee (G2E). G2C adalah layanan aplikasi internet yang dioptimalkan, mereka pemerintah bagi warganya yang membutuhkan berbeda dari teori optimisasi saat ini karena ti­ layanan secara online. G2B menghubungkan dak ada upaya untuk meningkatkan kecepatan tampilan browser. Kata kinerja merupakan sing­ para pelaku bisnis dengan pemerintah, misalnya menyangkut perizinan usaha dan lainnya. G2G katan dari kinetika energi kerja yang padanan­ lebih kepada bagaimana layanan yang terinte­ nya dalam Bahasa Inggris yakni performance, grasi dari pusat dan daerah atau antar suatu di­ dan kerap di­Indonesia­kan dengan kata perfor­ nas perkantoran di daerah. G2E merupakan pe­ ma (Wirawan, 2009). layanan bagi pegawai pemerintahan, misalnya E-Government sistem informasi kepegawaian yang melayani e-Government dapat disebut juga pemerin­ tah elektronik, juga dikenal sebagai e­gov, pe­ kenaikan pangkat dan urusan kepegawaian, sistem presensi sidik jari yang melayani men­ merintah digital, pemerintah online atau dalam catat kehadiran dan waktu pulang pegawai, dan konteks tertentu pemerintah transformasional lainnya.
28 METODE PENELITIAN dapat ditampilkan dengan baik. Sumber data pe­ Objek penelitian dalam penelitian ini adalah nelitian juga diambil dari data primer langsung halaman utama portal website pemerintah Kabu­ dalam observasi di lapangan pada objek yang paten Magelang atau pada alamat menjadi fokus penelitian yang website Pemda langkab.go.id/home. Website ini akan dianalisis Kabupaten Magelang, wawancara, dan doku­ kinerjanya untuk memastikan website berjalan mentasi. Gambar 1 menunjukkan proses kerja dengan baik dan atau jika memiliki permas­ evaluasi kinerja web yang dilakukan pada pene­ alahan, apa saja yang perlu ditindaklanjuti se­ litian ini. hingga website akan semakin memiliki kiner ja yang baik. Selain kinerja dari bagian kecepat an tampilan halaman web, sintaks dan objek web di dalamnya, analisis juga dilakukan terha dap tampilan desain web. Hal ini dilihat dari berb­ agai tipe perangkat output layar komputer desk­ top, tablet, handphone, dan televisi. Analisis data kinerja dilakukan menggu­ nakan perangkat lunak berbasis web GTMetrix, yaitu aplikasi untuk menguji kinerja halaman web. Halaman web dianalisis dengan Page Speed Score dan Page Details dalam hal kece­ patan halaman web ditampilkan, waktu halaman dimuat, ukuran halaman, jumlah permintaan. Hasil pengukuran dalam pengujian ini berupa Gambar 1. Proses Kerja Evaluasi Kinerja Web nilai kualitatif dan kuantitatif. Nilai kualitatif berupa nilai A, B, C, D, E, dan F. Skor angka HASIL PENELITIAN kuantitatif ditunjukkan dalam persen (%). Hasil Hasil Pengujian Kinerja Web Berdasarkan analisis meliputi rekomendasi bagian mana saja Kecepatan Halaman Web Ditampilkan yang nilai grade­nya pada jangkauan nilai D, E, Pengujian kinerja web pemerintah Kabupaten dan F yang berarti nilai rendah. Untuk menguji kompatibilitas resolusi la­ Magelang diukur dari perspektif kecepatan halaman web yang ditampilkan pada brows- yar tampilan digunakan aplikasi QuirkTools er web. Uji ini menggunakan aplikasi berbasis yang akan menguji tampilan di layar pada saat web dengan koneksi dari berba­ menggunakan layar desktop, tablet, mobile, dan gai lokasi server yang disediakan oleh aplikasi televisi. Penilaian berupa tanda cek (ѵ) dan X. web GTMetrix. Lokasi server yang digunakan Tanda cek (ѵ) berarti tampilan antarmuka baik, adalah simulasi server yang berlokasi di kota informasi gambar dan teks masih dapat tampil Vancouver, London, dan Hongkong. Selain lo­ de ngan baik dan terbaca. Tanda (X) berar­ kasi server yang ditentukan, juga ditentukan je­ ti tampilan antarmuka kurang baik, informasi nis koneksi yang digunakan, yaitu jenis koneksi gambar atau teks sebagian atau semuanya tidak broadband, LTE Mobile, dan 3G Mobile. Pengu­ Screen Resolution Test QuirkTools Desktop, Tablet, Mobile, Television
Charles De Haan. Evaluasi Web Performance Pemerintah Daerah Kabupaten Magelang dalam ...... 29 dapat ditampilkan dengan baik. Sumber data pe­ dari yang lain. kuran skor kinerja web yang dinilai yaitu Page- nelitian juga diambil dari data primer langsung Speed, YSlow, Fully Loading Time, Total Page dalam observasi di lapangan pada objek yang Size dan Request. menjadi fokus penelitian yang website Pemda Tabel 1. Skor Kinerja Web Pemerintah Kabupaten Magelang, wawancara, dan doku­ Kabupaten Magelang mentasi. Gambar 1 menunjukkan proses kerja Lokasi Server evaluasi kinerja web yang dilakukan pada pene­ Jenis Koneksi London, UK Performance Score Vancouver, Canada Hongkong, Gambar 2. Komparasi kinerja web di 3 Lokasi China litian ini. Server Koneksi Broadband D(63%) D(60%) F(30%) PageSpeed YSlow E(55%) E(55%) E(55%) Fast Broadband 20/5mbps Untuk koneksi jenis LTE Mobile 15/10 10,9 FLT (detik) 14,2 18,9 Mbps, skor dari tools Google PageSpeed yang TPS (mbps) 10,2 9,8 10,0 terbaik adalah di Vancouver yaitu skor D (63%), 118 104 117 Request PageSpeed D(63%) sedangkan dari tools YSlow dari Yahoo mem­ LTE Mobile 15/10mbps D(60%) D(60%) YSlow E(55%) E(55%) E(55%) beri skor sama untuk 3 lokasi server yaitu E FLT 14,3 32,6 14,3 (55%). Skor terbaik untuk waktu yang dibutuh­ TPS 9,8 10,1 10,0 kan dalam menampilkan halaman web secara penuh atau fully loaded time dari lokasi server 104 122 117 Request PageSpeed D(63%) 3G Mobile (1.6 Mbps/768 Kbps) E(59%) D(60%) YSlow E(55%) E(55%) E(55%) di Hongkong dan London adalah 14,3 detik. Ha­ FLT 63,6 86,7 69,9 sil komparasi ketiga lokasi server dengan jenis TPS 9,8 9,8 10,1 koneksi LTE Mobile ditunjukkan pada Gambar 104 102 124 Request 3. Hasil komparasi di 3 lokasi server menujuk­ Tabel 1 menunjukkan skor kinerja web den­ kan bahwa koneksi LTE Mobile 15/10 Mbps di gan jenis koneksi Broadband Fast 20/5Mbps QuirkTools Screen Resolution Test lokasi Vancouver yang memiliki skor terbaik. yang dipakai untuk mengukur kecepatan web. Gambar 1. Proses Kerja Evaluasi Kinerja Web Skor kinerja kecepatan menampilkan halaman web dari tools Google PageSpeed di tiga loka­ HASIL PENELITIAN si server. Yang terbaik adalah lokasi server di Hasil Pengujian Kinerja Web Berdasarkan London, UK yaitu D (63%), sedangkan dari Kecepatan Halaman Web Ditampilkan tools Yahoo Yslow, ketiga lokasi server mem­ Pengujian kinerja web pemerintah Kabupaten beri nilai yang sama yaitu E (55%). Skor terbaik Gambar 3. Komparasi Kinerja Web di 3 Lokasi Magelang diukur dari perspektif kecepatan untuk berapa banyak waktu yang dibutuhkan Server Koneksi LTE Mobile halaman web yang ditampilkan pada brows- untuk menampilkan halaman web secara penuh Untuk koneksi jenis 3G Mobile 1.6 Mbps/768 er web. Uji ini menggunakan aplikasi berbasis atau fully loaded time yaitu dari lokasi server di Kbps, skor dari tools Google PageSpeed yang web dengan koneksi dari berba­ Hongkong, China yaitu 10,9 detik, lebih cepat terbaik adalah di Vancouver yaitu skor D (63%), gai lokasi server yang disediakan oleh aplikasi dari kedua lokasi server lainnya. Hasil kom­ sedangkan dari tools YSlow dari Yahoo memberi web GTMetrix. Lokasi server yang digunakan parasi ketiga lokasi server dengan jenis konek­ skor sama untuk 3 lokasi server yaitu E(55%). adalah simulasi server yang berlokasi di kota si broadband fast ditunjukkan pada Gambar 2. Skor terbaik untuk waktu yang dibutuhkan da­ Vancouver, London, dan Hongkong. Selain lo­ Hasil komparasi di 3 lokasi server pada koneksi Broadband Fast 20/5 Mbps di London memiliki lam menampilkan halaman web secara penuh kasi server yang ditentukan, juga ditentukan je­ atau fully loaded time adalah dari lokasi server nis koneksi yang digunakan, yaitu jenis koneksi skor terbaik meskipun waktu yang dibutuhkan di Vancouver yaitu 63,6 detik. Hasil kompara­ broadband, LTE Mobile, dan 3G Mobile. Pengu­ untuk menampilkan halaman web lebih lama Desktop, Tablet, Mobile, Television
30 si ketiga lokasi server dengan jenis koneksi 3G hasil analisis dengan aplikasi web GTMetrix Mobile ditunjukkan pada Gambar 4. Hasil kom­ memberikan rekomendasi atau catatan perbaik­ parasi di 3 lokasi server terlihat koneksi LTE an yang perlu dilakukan guna meningkatkan Mobile 15/10 Mbps di lokasi server Vancouver kinerja web. Ringkasan rekomendasi saran per­ yang memiliki skor terbaik. baikan berdasarkan analisis tools PageSpeed dari Google sebagai search engine ditunjukkan pada Tabel 3. Data ditampilkan berdasarkan ak­ ses dari lokasi server Vancouver, London, dan Hongkong pada beberapa jenis koneksi. Tabel 3. Ringkasan Saran Perbaikan dari Gambar 4. Komparasi Kinerja Web di 3 Lokasi PageSpeed Score Server Koneksi LTE Mobile. PageSpeed Score Hasil analisis secara keseluruhan tentang ki­ No. Jenis Koneksi Rekomendasi Grade (%) Tipe Prioritas nerja web pemerintah Kabupaten Magelang dari perspektif kecepatan halaman web ditampilkan pada sebuah browser web di sisi client dapat di­ 1. Broadband Fast 20/5mbps Optimize images Avoid bad requests F(0%) Image F(19%) Content High High lihat pada Tabel 2. Tabel 2. Ringkasan Data Kecepatan Halaman Web Enable gzip compression Defer parsing of JavaScript D(62%) D(65%) Server JS High High Broadband Fast pagespeed Yslow LTE Mobile pagespeed Yslow Vancouver 30 55 63 55 London Hongkong 63 60 55 55 60 55 60 55 Specify a cache validator Serve resources from a consistent URL D(60%) Server D(69%) Content High High 3G Mobile pagespeed Yslow 63 55 59 55 60 55 Berdasarkan Tabel 2 dapat dijelaskan bahwa 2. LTE Mobile 15/10 Mbps Optimize images Avoid bad requests F(0%) F(19) Images Content High High hasil analisis kinerja web go.id/home dari sisi kecepatan menampilkan Enable gzip compression D(62%) Server High halaman web mendapat skor terendah F (30%) Defer parsing of JavaScript D(65%) JS High dan skor tertinggi D (63%). Untuk jenis kecepatan koneksi terbaik yaitu Broadband Leverage Browser Caching F(25%) Server High Fast 20/5 Mbps pada lokasi server di London. Kemudian untuk koneksi LTE Mobile dan 3G Mobile pada lokasi server di Vancouver, Canada. Serve resources from a consistent URL D(69%) Content High Ringkasan Saran Perbaikan dari Hasil Analisis PageSpeed dan YSlow Score Skor PageSpeed yang sudah didapat dari
31 3. 3G Mobile 1,6 Mbps/768 Kbps Optimize images Avoid bad requests F(0%) F(19) Images Content High High image yang kurang sesuai kebutuhan. Misal­ nya ukuran image yang tidak dikompres atau diperkecil dimensinya menyebabkan halaman Enable gzip compression Defer parsing of JavaScript D(62%) D(65%) Server JS High High web menjadi lambat untuk ditampilkan atau membutuhkan waktu yang lama untuk bisa diak­ ses. Gambar 5 menunjukan beberapa file gam­ Leverage Browser Caching F(25%) Server High bar yang dipakai pada halaman web dan perlu dikompres agar web bisa lebih ringan diakses Serve resources from a consistent URL D(60%) Content High sehingga memberikan efek kecepatan halaman web yang lebih baik. Hasil pembahasan saran dan perbaikan dari tools YSlow Yahoo dapat di­ Berdasarkan ringkasan Tabel 3, dapat dijelas­ lihat pada Tabel 4. kan bahwa hasil ringkasan ini menunjukkan ada 6 item rekomendasi yang perlu ditindaklanjuti dengan perbaikan dalam rangka meningkat­ kan performa web home, terutama penggunaan gambar atau foto dalam web. Rekomendasi item optimize imag- es menunjukkan bahwa beberapa penggunaan Gambar 5. Rekomendasi Perbaikan pada Image Tabel 4. Ringkasan Perbaikan dari YSlow Score YSlow Score No. Jenis Koneksi Rekomendasi Grade (%) Tipe Prioritas 1. Broadband Fast 20/5mbps Add Expires headers F(0%) Server High Make fewer HTTP requests F(0%) Content High Use a Content Delivery Network (CDN) F(0%) Server Medium Avoid HTTP 404 (Not Found) error F(0%) Content Medium Use cookie-free domains F(0%) Cookie Low Minify JavaScript and CSS E(50%) CSS/JS Medium 2. LTE Mobile 15/10 Mbps Add Expires headers F(0%) Server High Make fewer HTTP requests F(0%) Content High Use a Content Delivery Network (CDN) F(0%) Server Medium Avoid HTTP 404 (Not Found) error F(5%) Content Medium Use cookie-free domains F(0%) Cookie Low Minify JavaScript and CSS E(50%) CSS/JS Medium 3. 3G Mobile 1,6 Mbps/768 Kbps Add Expires headers Make fewer HTTP requests F(0%) F(0%) Server Content High High Use a Content Delivery Network (CDN) F(0%) Server Medium Avoid HTTP 404 (Not Found) error F(0%) Content Medium Use cookie-free domains F(0%) Cookie Low Minify JavaScript and CSS E(50%) CSS/JS Medium
32 Perbedaan hasil yang signifikan antara Page- pengelola web. Apalagi jika cukup banyak re- Speed dan YSlow adalah dari algoritma yang quest error yang ditampilkan di browser user. dipakai dan parameter yang digunakan pada aplikasi, namun ada beberapa parameter yang hampir sama fungsinya. Hasil keseluruhan ana­ lisis dari tools YSlow kurang baik. Salah satu contohnya adalah parameter Add Expire Head- er. Parameter ini dipakai untuk memberitahukan browser apakah harus meminta file tertentu dari server atau mengambilnya dari cache browser. Keuntungannya adalah jika diambil dari cache browser maka halaman akan ditampilkan de ngan cepat, tidak perlu meminta file ke server untuk dikirim ke browser client sehingga tidak perlu berulang­ulang meminta yang berakibat mem­ buka halaman web menjadi lambat. Parame ter Pengujian Kompatibilitas Tampilan Halaman Web Pada Berbagai Jenis Layar Kemampuan sebuah halaman web dengan berbagai jenis layar output dan resolusi layar monitor akan memberikan dampak yang positif pada kebergunaan dari web. Uji kompatibilitas halaman web pada jenis layar terbagi pada 3 ba­ gian, yaitu slide header dan menu, sidebar dan content, serta bagian footer. Kompatibel atau ti­ daknya halaman web pada layar diberi tanda cek (ѵ) pada bagian yang sesuai dengan pengamatan peneliti. Untuk pemberian skor sesuai dengan kode yang diatur sebelumnya. Avoid HTTP 404 (not found) error menunjuk­ kan bahwa terdapat beberapa file dalam asset yang tidak ditemukan sehingga server mengirim informasi ke browser bahwa perminta an yang SK K KK TK = Sangat Kompatibel = Kompatibel = Kurang Kompatibel = Tidak Kompatibel Skor Skor Skor Skor 4 3 2 1 dicari tidak ditemukan atau error. Hal seperti Hasil analisis dengan melakukan observasi ini merupakan kesalahan kecil namun memiliki dan pengujian langsung dapat dilihat pada Tabel dampak yang cukup berpengaruh terhadap ke­ 5. percayaan pemakai atau pengujung web kepada Tabel 5. Uji Kompatibilitas Halaman Web Pada Berbagai Jenis Layar Kompatibilitas Jenis Layar & Ukuran Slide Header & Menu Sidebar & Konten Footer Desktop Ukuran (px) SK K KK TK SK K KK TK SK K KK TK Skor Netbook 10" 1024x600 ѵ ѵ ѵ 10 Netbook 12" 1024x768 ѵ ѵ ѵ 9 Notebook 13" 1280x800 ѵ ѵ ѵ 10 Notebook 15" 1366x768 ѵ ѵ ѵ 11 Tablet Ukuran (px) Asus Nexus 7" 960x600 ѵ ѵ ѵ 9 Samsung Galaxy Tab 7" 1024x600 ѵ ѵ ѵ 11 Apple iPad 1024x768 ѵ ѵ ѵ 9 Apple iPad Pro 1366x1024 ѵ ѵ ѵ 8 Mobile Ukuran (px) Mobile Blacberry 8300 320x240 ѵ ѵ ѵ 10 Mobile Apple iPhone 3/4" 320x480 ѵ ѵ ѵ 10 Mobile Samsung Galaxy S2 320x533 ѵ ѵ ѵ 10 Mobile Samsung Galaxy S3 7" 360x640 ѵ ѵ ѵ 11 Mobile Apple IPhone 6/7 " 375x667 ѵ ѵ ѵ 11
33 Televisi Ukuran (px) Televisi 480 640x480 ѵ ѵ ѵ 8 Televisi 720 1024x720 ѵ ѵ ѵ 11 Televisi 1080 1920x1080 ѵ ѵ ѵ 10 Dari hasil pengukuran berdasarkan pengujian halaman web paling kompatibel dengan jenis dengan observasi dapat dideskripsikan bahwa televisi 720 dengan ukuran resolusi 1024x720 untuk kompatibilitas ukuran layar pada jenis px dengan skor 11. desktop untuk Netbook layar 10 inci sudah kompatibel tampilannya dengan skor 10, SIMPULAN mulai dari slide header, menu, sidebar, content Dari hasil analisis kinerja web menggunakan dan footer. Sedangkan pada Netbook layar 12 aplikasi web tidak hanya inci, hanya bagian slide header yang kurang diperoleh ukuran kecepatan halaman web yang kompatibel karena sebagian informasi gambar ditampilkan dan rekomendasi yang diberikan dan teks hilang, sehingga skornya hanya 9. oleh tools PageSpeed dari Google, tetapi juga Pada pengujian di jenis Notebook 13 dan 15 inci sudah komptibel tampilan halaman webnya. hasil uji halaman web yang kompatibel dengan layar dan resolusi gambar. berbagai jenis Skor Notebook 13 inci mendapat 10 sedangkan Website pemerintah Kabupaten Magelang Notebook layar 15 inci mendapat skor 11. Pada sudah cukup lama ada dan terus mengalami pengujian jenis tablet layar 7 inci, skor terendah perkembangan sampai saat ini, namun sampai diperoleh jenis tablet Apple iPad pro ukuran pada saat penelitian ini dilakukan pada tahun 1366x1024 px dengan skor 8, dan skor tertinggi 2018, belum pernah dilakukan evaluasi kinerja dengan skor 11 pada jenis Tablet Samsung webnya. Hasil pengujian kinerja web pada aspek Galaxy S3 7. Pengujian pada layar televisi skor kecepatan halaman web ditampilkan browser terendah untuk televisi 480 ukuran dimensi secara keseluruhan atau full loaded time yaitu 640x480px Standard Definition dengan skor 8 10,9 detik dengan kecepatan koneksi terbaik dan skor tertinggi dengan skor 11 pada televisi yaitu pada jaringan broadband Fast 20/5 Mbps 720 ukuran dimensi 1024x720px. di lokasi server Hongkong China. Rekomendasi Dari pengamatan pada Tabel 5 dapat dideskripsikan bahwa halaman web saran perbaikan berdasarkan analisis tools pagespeed dari Google, data ditampilkan berdasarkan akses dari lokasi server Vancouver, magelangkab.go.id jika ditampilkan pada jenis layar desktop, maka ukuran yang sangat kompatibel adalah Notebook 15 inci dengan resolusi 1366x768 px, untuk jenis Tablet yang London dan Hongkong pada beberapa jenis koneksi. Hasilnya menunjukkan bahwa dari 27 parameter uji hanya 6 item parameter yang memiliki skor rendah di 6 parameter uji tersebut paling kompatibel adalah jenis Tablet Samsung Galaxy Tab 7 dengan resolusi 1024x600 px. Pada jenis mobile yang paling kompatibel ada 2 jenis yaitu Samsung Galaxy S3 7 dan Mobile Apple 6/7 dengan skor masing­masing sebesar 11. Sedangkan untuk jenis layar televisi, yaitu optimize images F (0%), avoid bad requests F (19%), enable gzip compression D (62%), defer parsing of JavaScript D (65%), specify a cache validator D (60%), dan serve resources from a consistent URL D (69%).
34 Dari data evaluasi yang didapat, hasil analisis 2. Hasil rekomendasi 6 item saran perbaikan website Pemerintah Kabupaten Magelang dari tools PageSpeed Google terutama dengan alamat Optimize Images perlu dilakukan dengan menunjukkan bahwa rekomendasi yang perlu menetapkan ukuran dan dimensi gambar diperbaiki dalam rangka meningkatkan kinerja yang sesuai dengan kebutuhan agar gambar web berjumlah 6 item parameter uji atau 22,22 dapat lebih cepat ditampilkan halaman web, % dari 27 item parameter yang diuji. Hal ini respon server juga cepat, sehingga kinerja berarti 21 item memiliki skor baik lebih banyak web dapat ditingkatkan. atau 77,78%, sehingga kinerja web Pemerintah 3. Uji kompatibilitas tampilan web di berbagai Kabupaten Magelang dapat dikatakan masih jenis layar dapat langsung diuji pada dalam kategori baik. perangkat digital yang nyata, agar dapat Halaman web Pemerintah Kabupaten langsung dilihat hasilnya. Magelang juga diuji kompatibilitas tampilan halaman web pada layar komputer menggunakan Daftar Pustaka aplikasi web Hasil uji jika Ahmad, T. (2017). Analisis Kinerja Website halaman web utama ditampilkan pada jenis Menggunakan Automated Software layar desktop, maka ukuran yang sangat Testing GTmetrix dengan Analisis kompatibel adalah Notebook 15 inci dengan Google PageSpeed dan Yahoo YSlow. resolusi 1366x768 px, untuk jenis Tablet yang Departemen Ilmu Komputer, Fakultas paling kompatibel adalah jenis Tablet Samsung Ilmu Pengetahuan Alam Institut Galaxy Tab 7 dengan resolusi 1024x600 px. Pertanian Bogor. Diambil kembali Pada jenis Mobile yang paling kompatibel ada dari 2 jenis yaitu Samsung Galaxy S3 7 dan Mobile tarmiziahmad5. Apple iPhone 6/7 . Sedangkan untuk jenis layar Gea, D. (2011). Analisis Pengujian Optimalisasi televisi, halaman web paling kompatibel dengan Kinerja Website : Seminar Nasional jenis Televisi 720 dengan ukuran resolusi Aplikasi Teknologi Informasi 2011 (SNATI 1024x720 px . 2011). Diambil kembali dari SARAN Beberapa saran yang dapat disampaikan oleh kinerja­w.pdf. penulis dalam rangka meningkatkan kualitas IGI­Global. (2018). What is Electronic penelitian ini dan meningkatkan performa web Government (e-Government). pemerintah Kabupaten Magelang antara lain: Diambil kembali dari 1. Pengujian kecepatan halaman web yang h t t p s : / / w w w . i g i­g l o b a l . c o m / ditampilkan menggunakan aplikasi web GTMetrix sangat bergantung kepada besaran government/9385. bandwitch yang digunakan. Oleh karena itu, Instruksi Presiden Republik Indonesia. (2003). perlu memastikan menggunakan bandwitch Kebijakan dan Strategi Nasional yang cukup besar untuk mendapatkan hasil Pengembangan E-Government Nomor yang diharapkan.
35 3 Tahun 2003. Diambil kembali dari th_20031.pdf. Killelea, P. (2002). Web Performance Tuning. Sebastopol: O'Reilly Media. Lukmanul, H. & Uus, M. (2004). Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web. Jakarta: PT. Elex Mdia Komputindo. Souders, S. (2007). High Performance Websites. Farnham: O'Reilly Media. Sugiyono. (2016). Metode Penelitian & Pengembangan Research and Development. Bandung: Alfabeta. Sreedhar, G. (2014). Analyzing Download Time Performance of University Websites in India. International Journal of Web Science and Engineering, 1(1), hlm. 1­6. Sukhpuneet, Kulwant, Parminder. (2016). An Empirical Performance Evaluation of Universities Website. International Journal of Computer Applications (0975 - 8887), 146(15).