The core of the website's speed optimization is to reduce the volume of loading resources, optimize transmission efficiency and reduce server pressure, which can be significantly enhanced from the four dimensions of resources, transmissions, servers and codes。
Resource compression and optimization
Photo optimization: converting format to webp/avif, compressing volume (using tools such as tinypng), avoiding the uploading of large-sized original maps directly and lazily if necessary。
Static resource compression: css, javasCript, HTML files, remove redundant codes and comments, and reduce file size。
Font optimization: only the font weights and charsets necessary for the site, using a subset of fonts or using cdn to load commonly used fonts。
2. Transfer and cache optimization
Enable cdn acceleration: deploy static resources (photograms, jss, css) to the cdn, and users obtain resources from the nearest node and reduce transmission delays。
Configure browser caches: set a cache policy through http response headers to allow static resources to cache locally by users, and double access does not need to be loaded repeatedly。
Enable https and http/2: http/2 to support multi-routing, reduce connection costs, and increase transmission stability (some browsers have load limits for http protocols)。
3. Servers and configuration optimization
Upgrade server configuration: upgrade cpu, memory, bandwidth to avoid slow response due to inadequate server resources。
Optimizing databases: cleaning redundant data, optimizing sql queries, adding indexes and reducing the time spent on database queries。
Reduced server requests: merge css/js files, reduce the number of page requests and avoid unnecessary interface calls。
4. Optimization of code and page structure
Simplify the page structure: reduce embedded dom elements, avoid redundant labels, and reduce browser rendering pressure。
Delays in loading non-critical resources: priority is given to loading the core content of the non-first screen with video, advertising, secondary scripts with a different step or with delayed loading。
Remove useless plugins/ scripts: remove unused plugins, third-party tools (e. G. Redundant statistical codes, advertising scripts) and reduce load load loads。
