jkphl/squeezr

由 Joschi Kuphal (@jkphl) 开发的设备感知自适应图像和服务器端 CSS3 媒体查询的另一种实现,采用 MIT 许可协议

v1.5.1 2017-01-06 16:45 UTC

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 的功能描述和配置选项的完整说明。

安装

  1. 通过克隆此存储库或从 squeezr 网站 下载和解压缩存档来获取最新版本。
  2. 打开控制台,切换到 squeezr 的根目录,并让 Composer 拉取所有必需的依赖项
    composer install
  3. 根据需要自定义 /squeezr/conf/* 目录中的 3 个配置文件(通用/全局设置文件和每个引擎一个)。
  4. /squeezr 目录上传到您的网站根目录,并确保 web 服务器具有对子目录 /squeezr/cache 的写入权限。
  5. 仅在您尚未具有此名称的文件的情况下,将包含的 .htaccess 文件上传到您的网站根目录。否则,将包含的重写规则彻底纳入现有的 .htaccess 文件。
  6. 将客户端 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