The Path of an Internet Entrepreneur

Sunday, 20 June 2021

How to create a fast loading website

Website loading speed is one of the most important factors determining user conversion. Bringing a user to a website is not an easy task but it is a sin to intimidate him with a slow website. The idea is to develop a fast-loading website regardless of quality and content. Let us now look at the different ways to optimize website speed.

page speed calcutor

Do the cell phone first

About 85% of Internet users in the United States are mobile phone users. They use their smartphones to access your website. If so, first develop and optimize a website for desktop. Instead, plan and develop your website for mobile-first. Now forget about using media queries and focus on the size of the mobile screen. Your design should pay full attention to the size and capabilities of the mobile screen. People use their 3G / 4G network to access websites from their mobile phones, so a website with less bandwidth will be tricked here. Use smaller dimensions images for mobile-first design. Once fully developed, you can use media queries to customize the website for laptops.

Use benchmark tests for speed optimization

The next important thing to do after you have finished developing a website is the optimization test. There are over 100 tools online to test the functionality of your website. One such useful tool is the Google Lighthouse. This is a Chrome plugin and you can check your website for different occasions and devices. It provides a detailed report on your web design and optimization tips. Page Speed ​​Intelligence is another user interface tool provided by Google. You will need to input your URL, which will analyze the site and provide suggestions for faster rankings and improvements. Addicted to these tools and try to get good marks for improving the weight of the website.

Use Preloader

Nobody wants to see image buffering while using the site. You have used an image to show a mouse-home event. The image is only available at that moment, which causes a delay and a bad user experience. You can avoid this by preloading pictures and create a smoothly animated preload for a better user experience. Another important rule to follow is to have JavaScript in the footer of your website. It is common practice to import JavaScript from external libraries and should not block HTML rendering. You can preview JavaScript if you want. Once JavaScript is preloaded, all incoming calls will not go to the network.

web page speed


Reduce the number of HTTP requests

According to KISSmetrics, 47% of users expect a website to be fully loaded in 2 seconds. This can only be achieved if you reduce the number of outgoing HTTP requests. The browser needs to download different types of files such as HTML, Javascript, style sheets, images. To get started you need to understand how much HTTP your site requests. You can find this using the web panel in Google Chrome. It will list all the downloaded files for each tour. What to do to minimize HTTP requests

  • Remove unwanted images
  • Sync JavaScript
  • Merge CSS files

Here are some basic steps you can take to begin the process of preparation for mediation. In this article we will discuss in more detail the website speed optimization tips in the second version.

In the previous version, we talked about mobile-first design, benchmark testing, preloads, and reducing the number of HTTP requests. In this edition, we discuss more tips on optimizing page loading speed.

1. Enable caches wherever possible

Cache activation is one of the best ways to optimize page loading speed. An HTTP cache is a process that reduces the loading time of a website by more than 50% for repeat users. When a user visits your site, the browser downloads and stores all the files on the site, including HTML, images, stylesheets, and javascript, in a temporary cache. When the same user visits the site a second time, the browser retrieves information from the local cache before connecting to the site. This greatly reduces loading time and improves the user experience. Caches can be executed efficiently using the following techniques
  • Last modified
  • ETag
  • Expires
  • Maximum age
  • Cache-control

2. Optimize images

A photo is worth a thousand words; This is why pictures are the most important part of a web page. Images should be high resolution and crisp for users. High-resolution images are mostly large images. By large images, we mean images with large file sizes. Larger images take longer to load, so a website is slower. This further creates a bad user experience. The file size of the images should be optimized and reduced without compromising the quality. This can be achieved using the following methods.
  1. Use optimal dimensions: When you plan for a mobile device, do not use an image with a width of 1000px, instead reduce the width to the mobile screen width. This reduces the file size and loading time.
  2. Save Images for the Web: When you create images using Adobe Photoshop, be sure to save them using the "Save to the Web" feature in the File menu. This removes unnecessary EXIF ​​information from the photo and reduces the file size.
  3. Choose the correct file type: JPG is the most commonly used file format for the web and has the minimum file size. Try to use this for many websites, including e-commerce websites. If you want transparency you should save them in a PNG format. GIFs should only be used for smaller images and for smaller frequencies.
  4. Use an image compressor: After saving images using Adobe Photoshop, you can further reduce the file size using compression tools. Here are some of the popular ones.
  • TinyPNG
  • Compressor.io
  • Kraken
  • ImageOptimizer
  • ImageOptim
speed web site


3. Reduce the usage of external scripts

JavaScripts are an essential part of any web page these days. You can’t eliminate JavaScript entirely from your website instead we can optimize how it’s been used. Here are some tips
  1. Merge JavaScript: If your server has more than one JavaScript file, try to merge them into a single file. This will reduce the loading time by a small margin.
  2. Install instead of importing: It is common practice to use third-party JavaScript libraries on your website. The most commonly used is jQuery, Bootstrap, etc. Instead of importing them using CDN, you can install them on your server. This limits the number of outgoing requests, which reduces loading time. You can copy and paste JavaScript libraries, or use a package manager such as NPM to install them locally.
  3. Async Tag: All JavaScript files will block your HTML rendering. If you use the Async tag, it lets you load the script at once when the web page loads.
  4. Extension attribute: JavaScript loads only after the web page is loaded.
  5. Do not use javascript in the header.
these are some of the tips to follow for better page loading speed optimization. As I explained to you, you can follow the above steps to get a successful speed on the web page. In addition, if you have different dental procedures, follow them. Another way you can speed up a web page is to use a very efficient web hosting service. Did you know that there is a one-time paid web hosting service here? This is truly amazing. Unlimited Hosting! One-time payment only! You see about it now !!!


No comments:

Post a Comment

You can use this site to get more. Add that knowledge now.

Back To Top