Analysis of Responsiveness and Accessibility of BPS Kota Tebing Tinggi Website Using Multi-Device Testing and Audit Tools
- Keywords:
- Website, DevTools, Lighthouse, Responsiveness, Accessibility
- Abstract
-
Introduction: The development of information technology encourages government agencies to provide effective and inclusive digital services through official websites.
Objective: This study aims to analyze the quality of appearance, technical performance, accessibility, and SEO optimization on the BPS Kota Tebing Tinggi website as a means of distributing public information.
Method: The test method was conducted using two approaches: Chrome DevTools to evaluate responsiveness across devices (desktop, tablet, smartphone), and Google Lighthouse to measure performance, accessibility, best practices, and SEO.
Results: The test results showed that the website was visually responsive on a variety of devices, although there were still obstacles such as large banners and data tables that did not fully fit the smartphone screen. Meanwhile, the results of Lighthouse's audit resulted in a Performance score of 32, Accessibility 86, Best Practices 75, and SEO 100, which indicates the need for significant improvements especially in page load speed and JavaScript execution efficiency. Key recommendations include image optimization, script minification, library updates, and improved button accessibility and heading structure.
Conclusion: With the combination of these two methods, the study confirms that DevTools is superior in assessing the user experience directly, while Lighthouse serves as a supporting tool for standardized technical audits. The results of the research are expected to be a reference for BPS Tebing Tinggi City in improving the quality of fast, responsive, and inclusive digital services. - Downloads
-
Download data is not yet available.
- Cover Image
-
- Downloads
- Published
- 2025-12-31
- Section
- Articles
- References
-
[1] Y. Hermawan, A. Purnawan, R. Nurnafajrin, and N. R. Lestari, “Efektivitas Pelayanan Publik Online Situs Web www.garutkab.go.Id,” J. Pembang. dan Kebijak. Publik, vol. 11, no. 2, pp. 21–30, 2020, doi: 10.36624/jpkp.v11i2.76.
[2] V. Ilhadi, C. Agusniar, M. Muthmainnah, A. Asran, and E. Ezwarsyah, “Penerapan Pengembangan Website bagi Perangkat Desa Gampong Reulet Timu untuk Digitalisasi Teknologi Informasi,” J. Malikussaleh Mengabdi, vol. 2, no. 2, p. 460, 2023, doi: 10.29103/jmm.v2i2.14428.
[3] V. Ilhadi, D. Yulisda, I. Sahputra, and M. Habib, “SISFO : Jurnal Ilmiah Sistem Informasi Penerapan Sistem Inromasi Website Desa Paya Gaboh Sebagai Media Informasi Desa,” SISFO J. Ilm. Sist. Inf., vol. 7, no. 2, pp. 40–48, 2023.
[4] M. Rafi, A. Nurmandi, and S. A. Afandi, “Analisis Kegunaan Website Kementerian Agama Provinsi DIY dan Provinsi Riau,” J. Komun., vol. 12, no. 1, p. 92, 2020, doi: 10.24912/jk.v12i1.6960.
[5] M. Arif, “APJII Jumlah Pengguna Internet Indonesia Tembus 221 Juta Orang.” [Online]. Available: https://inet.detik.com/cyberlife/d-7169749/apjii-jumlah-pengguna-internet-indonesia-tembus-221-juta-orang
[6] F. Nawir and S. A. Hendrawan, “The Impact of Website Usability and Mobile Optimization on Customer Satisfaction and Sales Conversion Rates in E-commerce Businesses in Indonesia,” Eastasouth J. Inf. Syst. Comput. Sci., vol. 2, no. 01, pp. 15–30, 2024, doi: 10.58812/esiscs.v2i01.324.
[7] B. Kurniawan, “Implementasi Responsive Web Design (Rwd) Untuk Optimalisasi Tampilan Di Perangkat Mobile Pada Website Rsud Ibnu Sutowo Baturaja,” JIK J. Inform. Dan Komput., vol. 6, no. 1, pp. 180–192, 2023, [Online]. Available: http://www.republika.co.id
[8] Noorkaran Bhanarkar, Aditi Paul, and Dr. Ashima Mehta, “Responsive Web Design and Its Impact on User Experience,” Int. J. Adv. Res. Sci. Commun. Technol., no. April, pp. 50–55, 2023, doi: 10.48175/ijarsct-9259.
[9] A. Parlakkiliç, “Evaluating the effects of responsive design on the usability of academic websites in the pandemic,” Educ. Inf. Technol., vol. 27, no. 1, pp. 1307–1322, 2022, doi: 10.1007/s10639-021-10650-9.
[10] J. Transformatika, “E-GOVERNMENT MENGGUNAKAN METODE E-GOVQUAL MODIFIKASI,” vol. 23, no. 1, pp. 96–107, 2025.
[11] K. Król and D. Zdonek, “Local government website usability on mobile devices: test results and recommendations,” Digit. Policy, Regul. Gov., vol. ahead-of-p, Jun. 2021, doi: 10.1108/DPRG-05-2020-0065.
[12] N. Odeh and D. Eleyan, “Responsive Web Design Trend in Official Ministries and Government Institutions Websites in Palestine,” Palest. Tech. Univ. Mag., vol. 10, no. 5, pp. 18–33, 2022, doi: 10.53671/pturj.v11i1.236.
[13] R. Susanti and N. Cahyono, “Analisis Dan Perbandingan Performa Website Penerimaan Mahasiswa Baru Perguruan Tinggi Swasta Yogyakarta,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 6, pp. 12044–12050, 2024, doi: 10.36040/jati.v8i6.11607.
[14] U. L. Y. Muhammad Arif Faizin*, Muhammad Nevin, “Indonesia E-Government Website Performance and Accessibility Evaluation using Automated Tool Lighthouse,” 2024, [Online]. Available: https://scholar.its.ac.id/en/publications/indonesia-e-government-website-performance-and-accessibility-eval?utm_source=chatgpt.com
[15] B. N. Azmi, A. Perdana, Suhirman, and Sutarman, “Analisis Kesesuaian WCAG terhadap Website Pemerintah Daerah dengan Nilai SPBE 2022 Tertinggi menggunakan Tools Accessibility Checker,” J. JTIK (Jurnal Teknol. Inf. dan Komunikasi), vol. 7, no. 3, pp. 486–492, 2023, doi: 10.35870/jtik.v7i3.950.
[16] B. A. Suranto and Biandra Anone, “Evaluasi Aksesibilitas Website Akademik bagi Pengguna Disabilitas Menggunakan Website Accessibility Conformance Evaluation Methodology (WCAG-EM),” Indones. J. Comput. Sci., vol. 14, no. 2, pp. 2357–2386, 2025.
[17] (Tentang dampak kualitas layanan terhadap kepercayaan publik) Taufiqurokhman, T., Satispi, E., Andriansyah, A., & Murod, M. (2024). "The impact of e-service quality on public trust and public satisfaction in e-government public services," International Journal of Data and Network Science, vol. 8, no. 2, pp. 765–772.
[18] (Tentang Metode Evaluasi Kualitas Web/E-GovQual) F. N. Khasanah, S. R. N. Djari, & P. H. Putra, "Evaluasi Kualitas E-Government Menggunakan Metode E-Govqual, Importance Performance Analysis (IPA) dan Heuristic Evaluation," KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 4, pp. 2198-2207, 2024.
[19] (Tentang Core Web Vitals & UX) S. S. Kumar & D. S. Kumar, "Understanding the Role of UX Design and Core Web Vitals for Engagement Optimization of E-Commerce Websites," in International Conference on Information Systems and Management Science, Springer, 2024.
[20] (Tentang Retensi Pengguna/Continuance Intention) L. Wang, X. Wang, & Y. Zhang, "Exploring Satisfaction and Trust as Key Drivers of e-Government Continuance Intention: Evidence from China for Sustainable Digital Governance," Sustainability, vol. 16, no. 24, p. 11068, 2024.
[21] (Tentang Black Box Testing) Nidhra, S., & Dondeti, J. (2022). "Black Box and White Box Testing Techniques - A Literature Review," International Journal of Embedded Systems and Applications (IJESA), vol. 2, no. 2, pp. 29-50.
[22] (Tentang Responsive Web Design) Kurniawan, B. (2023). "Implementasi Responsive Web Design (RWD) Untuk Optimalisasi Tampilan Di Perangkat Mobile Pada Website RSUD," Jurnal Informatika dan Komputer, vol. 6, no. 1.
[23] (Tentang Pentingnya Multi-Device/Mobile Testing) Google Developers. (2024). "Responsive Web Design Basics." [Online]. Available: developers.google.com. (Atau jurnal: Mohamad, R., et al. "Mobile Usability Testing: A Review of Methods," Jurnal Sistem Informasi, 2022).
[24] (Tentang Validitas Google Lighthouse) Król, K., & Zdonek, D. (2021). "Aggregated Indices in Website Quality Assessment," Future Internet, vol. 13, no. 4, p. 88. (Ini jurnal bagus untuk menjustifikasi kenapa pakai Lighthouse).
[25] (Tentang Standar Aksesibilitas WCAG) W3C. (2023). "Web Content Accessibility Guidelines (WCAG) 2.2." World Wide Web Consortium. (Atau jurnal yang membahas evaluasi aksesibilitas website pemerintah menggunakan standar WCAG).