时间戳

首页 > 解决方案 > 使用php加载图片并最小化HTTP请求

php - 使用php加载图片并最小化HTTP请求

问题描述

目标：最小化我的网站的加载时间

我做了很多扫描和速度测试。

它们都表明，有很多时间无用地等待 HTTP 响应。与此相比，实际发送数据所花费的时间非常少。

“速度测试”的屏幕截图：

在此处输入图像描述

我开始在 PHP 中加载所有脚本和样式，然后将它们回显：

<!-- loading a style -->
<style><?php echo file_get_contents("style.css"); ?></style>

<!-- loading a script (similar) -->
<script type="text/javascript"><?php echo file_get_contents("script.js"); ?></script>

这确实有效，但是，图像仍然会减慢速度。如何使用 php 读取它们并将它们作为<img>标签回显？

（提到的网站是https://www.finnmglas.com/）

标签： phpimagehttprequestpagespeed

解决方案

是的，您可以将数据而不是 url 添加到src属性：

<img src="data:image/jpg;base64,<? php echo base64_encode($data) ?>" />

但我建议将其用于小图像。更多小图像的更好方法是将其用作精灵：https ://www.toptal.com/developers/css/sprite-generator/

对于 css/javascript 使用一些缩小预处理器：gulp gulp-clean-css gulp-uglify-es

推荐阅读