1. 使用Link标签的rel属性：在HTML头部添加一个Link标签，并设置其rel属性为“preload”，然后指定要预加载的资源URL。例如，若要预加载一张名为“critical-image.jpg”的图片，可添加代码`link rel="preload" href="critical-image.jpg" as="image"`。这样，浏览器会在页面加载初期就开始下载这个资源，从而加快页面的加载速度。
2. 使用JavaScript动态预加载：如果需要更精细地控制预加载行为，可以使用JavaScript来动态创建Link或Script标签，并设置相应的属性来预加载指定的资源。通过编写JavaScript代码，可以根据页面的具体需求和用户的交互行为，动态地决定哪些资源需要预加载，以及何时进行预加载。
3. 优化图片和视频格式与大小：除了调整加载顺序外，优化图片和视频的格式与大小也是提高加载性能的重要手段。选择合适的图片格式（如JPEG、PNG等），并根据图片的实际需求调整其分辨率和压缩比例，可以有效减少图片的文件大小，从而加快图片的加载速度。对于视频资源，也可以采用类似的优化策略，如选择合适的视频格式、调整视频的分辨率和比特率等。
