Optimasi Kecepatan Loading Time Web Template Dengan Implementasi Teknik Front-End

Website is a collection of HTML documents that are built to make it easy for everyone to share information, as long as they are connected to the internet. One part of a website system is a web template. Web templates are the basic components of a web template system useful for making it easy for web developers to redesign a web page. One that affects the performance of web pages is loading time, where loading time is the time needed by the browser to be able to display the web page as a whole by the user when the user makes a request, besides that loading time is one important part of website optimization. Optimization is a process where modifying or changing something that already exists in order to increase its effectiveness. In a website, there are several concepts in optimization, namely First Paint, Time To Interactivity, and First Meaningful Paint Based on existing research, it is known that web loading time optimization can be done from the front-end side. Therefore, in this study, optimization techniques using critical rendering path, above the fold, priority resources, bundle and minify, gzip, and splitting code. The implementation of metrics first meaningful paint (FMP), first contentful paint (FCP), dan time to interactivity (TTI) make increase average of speed FMP as 73%, FCP as 60%, TTI as 50%, and loading time as 29%. And then average of resource file decrease as 59% and total file of request decrease as 21%