jkphl / squeezr
由 Joschi Kuphal (@jkphl) 开发的设备感知自适应图像和服务器端 CSS3 媒体查询的另一种实现,采用 MIT 许可协议
Requires
- php: >=5.3.0
- mrclay/minify: ^2.3
- vlucas/phpdotenv: ^2.4
Requires (Dev)
- codeclimate/php-test-reporter: dev-master
- phpunit/phpunit: ^4.8
- satooshi/php-coveralls: ^1.0
This package is auto-updated.
Last update: 2024-09-22 23:43:23 UTC
README
基本上是针对不断增长的、拥有网络功能的设备数量提高浏览体验的另一种尝试。它可以通过 缩小网站图像和 CSS 文件 来适应设备特定的限制,帮助您节省访客的带宽。
squeezr 可以轻松应用于任何满足 要求 的网站——无论是纯 HTML 文件集合还是由完整的 CMS 生成的——并且不需要对源代码进行任何显著的更改。作为 响应式网页设计 的一种手段,它应与 流体图像 技巧结合使用。
什么是 squeezr 做的
目前 squeezr 由两个可以独立使用的引擎组成
-
图像引擎 会自动调整图像大小,以确保它们不会超出访客的屏幕尺寸。结果图像变体将被缓存在磁盘上,以提高后续请求的性能。
squeezr 的图像引擎深受 Matt Wilcox 的自适应图像 的启发和影响。同时,squeezr 尝试克服 Matt 的方法的一些缺点。
-
CSS 引擎 通过在服务器端在交付给客户端之前从服务器端移除无关的 CSS3 媒体查询部分来创建和缓存特定于设备的 CSS 文件变体。可选地,也可以应用 CSS 最小化(使用 Minify),这可能会进一步减小 CSS 文件的大小。
您可以在 http://squeezr.it 找到 squeezr 的功能描述和配置选项的完整说明。
安装
- 通过克隆此存储库或从 squeezr 网站 下载和解压缩存档来获取最新版本。
- 打开控制台,切换到 squeezr 的根目录,并让 Composer 拉取所有必需的依赖项
composer install
- 根据需要自定义
/squeezr/conf/*
目录中的 3 个配置文件(通用/全局设置文件和每个引擎一个)。 - 将
/squeezr
目录上传到您的网站根目录,并确保 web 服务器具有对子目录/squeezr/cache
的写入权限。 - 仅在您尚未具有此名称的文件的情况下,将包含的
.htaccess
文件上传到您的网站根目录。否则,将包含的重写规则彻底纳入现有的.htaccess
文件。 - 将客户端 JavaScript 包含到您的 HTML 页面中。有关此方面的详细信息,请参阅 squeezr 网站。就是这样——您已经完成,现在 squeezr 应该可以正常运行。
请访问 squeezr 网站 以获取进一步说明和配置选项。
要求
- 客户端
- JavaScript 支持
- Cookie 支持
- 服务器端
- Apache 2.2+ with mod_rewrite
- PHP 5.3+
- GD(仅图像引擎;通常与 PHP 一起提供)
法律
版权所有 © 2017 Joschi Kuphal joschi@kuphal.net / @jkphl
自版本 1.0.3 以来,squeezr 采用 MIT 许可协议。在此之前,适用 Creative Commons Attribution 3.0 Unported License。