优化前端加载页面css和js过慢代码示例

以下是常见的优化前端加载页面css和js过慢的代码示例：

1. 合并和压缩文件

将多个CSS和JS文件合并成一个文件，可以减少HTTP请求和文件大小。此外，还可以使用压缩工具（例如UglifyJS和YUI Compressor）来减少文件大小。

2. 使用CDN

使用CDN（内容分发网络）可以将文件分发到全球各地的服务器上，从而提高加载速度。许多流行的库和框架（如jQuery和Bootstrap）都可以从CDN加载。

3. 异步加载

将脚本标记为异步可以使页面在加载脚本时继续渲染。这可以提高页面加载速度，但可能会影响页面的正确性和性能。

4. 延迟加载

将脚本标记为延迟加载可以在页面完全加载后再加载脚本。这可以提高页面加载速度，但可能会影响页面的正确性和性能。

5. 缓存

启用浏览器缓存可以在页面再次加载时减少HTTP请求。此外，可以使用CDN缓存和服务端缓存来进一步提高加载速度。

6. 图片优化

使用图像压缩和格式优化可以减少图像文件的大小，从而提高加载速度。此外，使用适当的图像格式（如JPEG、PNG和GIF）可以进一步减少文件大小。

7. 减少HTTP请求

最小化HTTP请求数可以大大提高页面加载速度。消除不必要的CSS和JS文件、图片、第三方脚本等，可以减少HTTP请求。