Amsterdam Standard

streamlinehq-page-under-construction-product-1080 1.svg

Something went wrong

large_chuttersnap-eh-ftjyhaty-unsplash.jpeg

medium_chuttersnap-eh-ftjyhaty-unsplash.jpeg

small_chuttersnap-eh-ftjyhaty-unsplash.jpeg

thumbnail_chuttersnap-eh-ftjyhaty-unsplash.jpeg

###### Website speed optimization is essential for every business. There's nothing so disturbing as a slow-loading website. A slow-loading website causes several problems. First, it makes those, who enter a website, to abandon it. Second, it negatively affects the positioning in Search Engine Results Pages (SERP). It also increases the price of a higher position for paid results. A higher position in SERP is the basis to be found in the mass of pages.

Why aren't people waiting for a long loading page? - Because it looks like it's broken and nothing has been loaded. [47% of people ](https://neilpatel.com/blog/loading-time/)expect to load a page in less than 2 seconds. 

Every day more than [92% of people](https://gs.statcounter.com/search-engine-market-share) use Google's search engine to find information on the Internet. If we allow our website to load longer, it will be qualified to lower search positions - that's not what we want!

Read more in our article: “Why the website loading speed is crucial”.

How to increase the loading speed of the website? In this article, the Amsterdam Standard will give you a few tips that will help you to speed up your website. 



When choosing a hosting plan, select a VPS server or dedicated servers. Cheap solutions may be good only at the starting point. The need for more computer power grows in direct proportion to the growth of the website.

![undraw-server-status-5pbv.png](https://public.amsterdamstandard.com/undraw_server_status_5pbv_d9501745fa.png)

The page is loaded via HTTP protocol. All HTML, JS files, and images are sent with this stream. As bigger is their quantity as higher is the waiting time for the page to be rendered. 

![undraw-file-bundle-xl7g.png](https://public.amsterdamstandard.com/undraw_file_bundle_xl7g_a7c804a20f.png)

Today, you can no longer underestimate the importance of you your website to be responsive. It means that the website renders well on a variety of devices or screen sizes such as desktop, mobile devices, or tablets.

Optimizing a mobile version is a must. To provide a fast loading process, remove or resize redundant animations and large graphics files.

![undraw-order-confirmed-1m3v.png](https://public.amsterdamstandard.com/undraw_order_confirmed_1m3v_69329b25a3.png)

To create responsive page templates, it is recommended to use flexbox based on containers and items.

A good site to learn this technique is [Flexbox Froggy.](https://flexboxfroggy.com/#pl)

Another good practice to speed up website loading time is minifying.

The minifying is a process of compressing the size of the files, downloaded by the user from the server. This process performs removing unnecessary spaces and characters from the file without affecting the proper functioning of the application code. This procedure can be used for Javascript files of an application. To execute this process on javascript files we use **npm** package - **uglifyjs**.

CDN servers have locations around the world. By using these servers users can download dependencies (js files, images) from servers that are closer to their location. This has a positive effect on the dependencies downloading time. Downloading dependencies from the server in their current location would increase the waiting time.



![undraw-site-stats-l57q.png](https://public.amsterdamstandard.com/undraw_site_stats_l57q_351bc12802.png)

To check your website for speed and to be sure that it will not be left behind, we recommend using Google [PageSpeed Insight.](https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect)

If you want to check how many files your site loads we recommend using the [Pingdom Tools.](https://tools.pingdom.com/)

Thanks to these few steps we can speed up the loading of the website, which will have a positive impact on User Experience and will allow you to aim for high positions in search results.

Another way to optimize the loading time is to compress the files using GZIP. It will significantly reduce the amount of data downloaded from the server. Compressed files are sent from the server and extracted locally. To run the compressions on the server we edit the file .htaccess

![Zrzut ekranu 2022-10-11 o 19.37.05.png](https://public.amsterdamstandard.com/Zrzut_ekranu_2022_10_11_o_19_37_05_28f6ba119f.png)

The compression of HTML and CSS files can save between 50 and 70 % of the file size. This means that your website will load faster, which will make a positive impact on the users' experience.



When you visit a website, your browser downloads its content, i.e. Javascript files, CSS style sheets, fonts, and images. It won’t happen every time you are visiting the same website in a certain time interval, e.g. in a day, after a week, etc., because browser caching allows the browser to store these files for some time.

The first time you visit a website, you will receive several resources that your browser will cache immediately. The first query about the web page will last longer, but each subsequent query will be faster because the browser will remember the data of the web page needed to present it.

To enable cache-control for the most popular data for a month, you should edit the .htaccess file with the following code:

![Zrzut ekranu 2022-10-11 o 19.38.04.png](https://public.amsterdamstandard.com/Zrzut_ekranu_2022_10_11_o_19_38_04_e37f2b3938.png)

The first line makes sure that the file is one of the types i.e. jpg, png, CSS, javascript, etc. The time given below is expressed in seconds. In our case, it corresponds to the period of a month.

If you want the resource to be downloaded and not taken from the cached memory, set it a unique name. 



Are you planning to build a new website or upgrade the existing one? Contact us for this duty.

We create high-technology websites with the best UX possible!

Today, companies of each branch and size are looking for developers. It’s not an easy task to find …

How to hire a software developer

Experienced specialists are hard to find, not easy to recruit, and above that, expensive. The …

Date 7.2019

Website speed optimization tips

Choose a good host server

Fewer files are more

Support mobile devices

Minify files and compress images

Use CDN

Testing the website

GZIP

Caching

We will be happy to hear from you!

Other resources

How to hire a software developer

Clear signs that you need to hire nearshore developers