Teh, Shan Shan (2017) Enhancing the performance of university's website for mobile devices on responsive web design approach. Masters thesis, Universiti Malaysia Sabah.
![[img]](https://eprints.ums.edu.my/style/images/fileicons/text.png) |
Text
24 PAGES.pdf Download (1MB) |
|
Text
FULLTEXT.pdf Restricted to Registered users only Download (8MB) |
Abstract
Responsive web design is a concept that provides an efficient way to deliver a holistic one web user experience across all the devices. As the year 2013 was declared as responsive web design year, therefore a survey is being conducted to find out the awareness of responsive web design concept among Malaysian public universities. With the evolution of the computer technologies, web page designs are getting richer with the scripts, stylesheets, and images on the web page. These current technologies increase the size of web pages and indirectly increase the load time. With a slow speed of web page loading speed of any website, users will leave these websites and redirect their searches to other competitors' websites. This will not only reduce users' satisfactions, but it also shows negative impressions towards these websites. Therefore, the aim of this research is to investigate several performance techniques in order to enhance the performance of the university's responsive website for mobile devices based on Amazon Web Services. A prototype is developed by using a Bootstrap framework and several principle methods of responsive web design such as viewport, media query, flexible grid and flexible image will also be applied. The prototype is hosted at Amazon Simple Storage Service and tested by using Viewport Resizer tool and actual devices. In order to improve the load time, different performance techniques are implemented into the prototype. The performance techniques include compress images, remove unused CSS (Cascading Style Sheets), combined files, minification, Gzip (a popular compressing application), cache and content delivery network. The experiments are tested by using Google PageSpeed Insights and WebPageTest tools. Based on the results obtained, using Google PageSpeed Insights tool, the measured speed score has increased on both mobile and desktop devices. Besides that, the WebPageTest tool also shows that the load time and HTTP (HyperText Transfer Protocol) requests can be reduced. In a nutshell, the performance techniques can be used to improve the performance of the university's responsive website and as a result the websites provide a better user experience for mobile users.
| Item Type: | Thesis (Masters) |
|---|---|
| Keyword: | Optimization, Performance Techniques, Responsive Web Design, University's Website, Mobile Devices, Amazon Web Services |
| Subjects: | T Technology > TK Electrical engineering. Electronics Nuclear engineering > TK1-9971 Electrical engineering. Electronics. Nuclear engineering > TK5101-6720 Telecommunication Including telegraphy, telephone, radio, radar, television |
| Department: | FACULTY > Faculty of Computing and Informatics |
| Depositing User: | DG MASNIAH AHMAD - |
| Date Deposited: | 24 Jun 2025 15:06 |
| Last Modified: | 24 Jun 2025 15:06 |
| URI: | https://eprints.ums.edu.my/id/eprint/44246 |
Actions (login required)
 |
View Item |