A content delivery network (CDN) is a geographically distributed network of proxy servers. Benefits include high availability, performance by serving your website from the nearest and fastest servers to end users, and resilience against DDoS attacks.
Our in-house solution, Hostinger CDN, comes with a variety of tools that you can employ to optimize your website. To find the tools, go to hPanel → Websites, and click on Manage next to the website in question. Then, search for CDN and open its settings:
Then, make sure the CDN is enabled:
Access more settings by clicking on the arrow > button:
Now, explore the CDN features and make your website work as smoothly as possible!
WebP Image Compression
WebP is a modern image format that provides superior lossless and lossy compression for images on the web. On average, this image format achieves 30% more compression than JPEG and JPEG 2000, without loss of image quality.
If you enable this feature, the images on your website are automatically optimized into an efficient WebP format to reduce file size and improve load times without any URL changes. It is actually enabled for you by default, but you can easily disable it by toggling the button next to WebP image compression:
You can enable or disable this feature anytime, multiple times.
Minify CSS Files
CSS stands for Cascading Style Sheets and is a language that defines the visual appearance and layout of web pages.
CSS minification is the process of reducing the file size of CSS code by removing unnecessary characters and spaces without altering its functionality. To enable this feature, toggle the button next to Minify CSS files:
In general, the primary goal of CSS modification is to optimize the performance of web pages by reducing the amount of data that needs to be transferred from the server to the browser. Therefore, it's a great approach to improve your website's performance.
Minify JavaScript Files
JavaScript is a programming language that adds interactivity and dynamic functionality to websites. It allows developers to create interactive elements, manipulate and modify web page content, and respond to user actions, making websites more engaging and responsive.
Minifying JavaScript files is the process of reducing the file size of JavaScript code by removing unnecessary characters, spaces, and comments without changing its functionality. The goal of JavaScript minification is similar to CSS minification, which is to optimize website performance by reducing the amount of data that needs to be transmitted and improving loading times. The minified file version provides the same functionality while reducing the bandwidth of network requests. To enable this feature, toggle the button next to Minify JavaScript files:
The more code there is in a file, the larger it is, and the longer it takes to be loaded. Therefore, it's important to minify CSS and JavaScript files, so they can load faster on your web pages.
Smart Image Optimization
This feature determines the maximum image width and image quality for both desktop and mobile devices. You may customize these settings manually anytime.
This feature is enabled for you by default, but you can easily disable it by toggling the button next to Smart image optimization: