How to optimize the opening speed of website pages to improve the experience?

The user's sense of experience is extremely important for the website , Successful websites have a good page user experience . Here's a good family's advice. Take the website browsing experience as an example , It is particularly important to improve the opening speed of website pages , Even the smallest details can have a great impact on customers .

SEO

So in the process of website construction , The user experience should always run through it , About improving the opening speed of website pages , Here are some methods and techniques to share .

1、 Optimize pictures

In the use of ps When storing pictures, you usually operate three hotkeys +S,“ Stored as Web Format ”, Set picture quality , To control the size , Or use software that compresses the size of the picture , Compress the size without affecting the picture display effect .

2、 Choose the right image format

Choosing the right image format can reduce the image capacity .JPG Format is usually used for photos or true color pictures ,GIF Format for flat color pictures , Generally used for buttons or Logo picture ,PNG Format and GIF Very similar , Than JPG Support more colors .

3、 Picture width and height settings

When making a web page, set the width and height of the picture , The browser will keep the corresponding image area when loading the web page , Speed up the display of web pages .

4、 Delay the display of content outside the visible area

When the user stays on the first screen , Do not load the picture information below the first screen , Only when the user scrolls the mouse down , These pictures just started loading , This can increase the loading speed visible in the , Enhance user experience .

5、 Reduce the number of web page responses

adopt Ajax Without reloading the entire page , Technology to update some web pages .

6、 Merge optimization

CSS Appearance of style , Make the web page realize the separation of content and element expression methods , User opens CSS Styled web pages ,CSS Styles are usually downloaded to the user's local computer , Not like HTML The tag needs to be parsed every time you open the web page .

in addition ,CSS Styles can replace pictures in some places , This is why the use of Div+CSS Why .

take JavaScript Code and CSS The style codes are merged into a shared file , This not only simplifies the code , And it's doing avaScript When you file .

If JavaScript There are many documents , It needs to be done many times Get request , Extend the loading speed , take JavaScript When the files are combined , Naturally, it reduces Get Number of requests , Improve the loading speed of web pages .

7、 To streamline the code

Under the same network , The smaller the page, the faster the download time , Therefore, reducing the page size within a reasonable range can optimize the download speed , The page size is mainly HTML Depends on the amount of code （ It also includes some CSS Style and JavaScript Code ）.

Want to reduce the page size , According to W3C To optimize HTML The code structure , Remove some meaningless code .

author ： Good advice

original text ：https://www.badpon.com/1667.html