Skip to content

Zeroplex 生活隨筆

軟體開發、伺服器和生活瑣事

小 縮小字型大小。 中 重設字型大小。 大 放大字型大小。

標籤: 網路架站

Ubuntu 上 LNMP 的 PPA

Posted on 2022 年 2 月 14 日2022 年 2 月 14 日 By 日落 在〈Ubuntu 上 LNMP 的 PPA〉中尚無留言

default packages 更新速度比較慢,所以後來都改用 3rd-party 的 PPA 來裝 LNMP 環境。

以 PHP 來說的話,主要會以 oerdnj 的 PPA 為主:https://launchpad.net/~ondrej/+archive/ubuntu/php

其他則是:

  • Nginx https://launchpad.net/~nginx/+archive/ubuntu/stable
  • Redis https://launchpad.net/~redislabs/+archive/ubuntu/redis

MySQL / Percona / MariaDB 更新、patch 速度沒那麼快的,則是直接使用預設的 packages 來安裝。

Tags:Linux, MySQL, Nginx, PHP, 網路架站

GIF 動畫轉 webp 的效果不差

Posted on 2022 年 2 月 3 日2022 年 2 月 3 日 By 日落 在〈GIF 動畫轉 webp 的效果不差〉中尚無留言

嘗試將網路上的長篇 GIF 動畫轉成 webp 效果還不錯,轉成 webp 以後大小剩下 10%,但是視覺上看不出明顯差異。縮短圖片載入時間,但在小螢幕上看不出差別,這應該就是 webp 的初衷吧。

由於 webp 程式一個還在發展當中的技術,所以前些時間使用 PHP 轉 webp 的作法,尚不支援 GIF 動畫,必須去下載 webp latest build 改用 exec() 呼叫原生程式轉檔才會有用。

以下把顯示 GIF 和 webp 並列比較,二張圖中間增加一些空間避免眼花。

More “GIF 動畫轉 webp 的效果不差” »

Tags:網路架站

在 Nginx 上啟用 gzip 縮短網站資源傳輸時間

Posted on 2021 年 12 月 16 日2021 年 12 月 16 日 By 日落 在〈在 Nginx 上啟用 gzip 縮短網站資源傳輸時間〉中尚無留言

網站上常見的資源,像是 HTML、CSS、JacaScript、JSON 等等,其實都是文字組成的,而文字壓縮以後大小可以縮小到剩下 10% 左右,因此有些人主張先將圖片轉成 data URI 在用 gzip 壓縮。

Nginx 可以在遇到特定類型的檔案內容時,啟用 gzip 壓縮後再傳輸資料,透過這個方法來加快傳輸速度:

server {
    ....

    gzip on;
    gzip_disable "MSIE [1-6].(?!.*SV1)";   # 排除不支援的瀏覽器
}

再來要注意,不是所有類型的檔案壓縮以後檔案會變小,像是圖片、影片就不適合使用 gzip 壓縮。這邊新增 MIME type 類型,讓 Nginx 只壓縮真正有效的檔案類型:

  • HTML
  • CSS
  • JavaScript
  • plain text
  • xml
  • Java
  • JSON

所以用 gzip_types 來更新一下 Nginx 的設定檔:

server {
    gzip on;
    gzip_disable "MSIE [1-6].(?!.*SV1)";
    gzip_types text/x-component text/css application/x-javascript application/javascript text/javascript text/x-js text/richtext text/plain text/xml;
}

另外有個注意事項,gzip 可以調整壓縮等級:使用較高的的壓縮率,可以讓檔案盡可能的縮小,但壓縮會花掉較多的時間;使用較低的壓縮率,檔案大小只會縮小一點點,但是只需要一瞬間的時間。所以這個參數就要取決於網站的特性、主機的硬體配備來調整。比較中庸的設定如下:

server {
    gzip on;
    gzip_disable "MSIE [1-6].(?!.*SV1)";
    gzip_types text/x-component text/css application/x-javascript application/javascript text/javascript text/x-js text/richtext text/plain text/xml;
    gzip_comp_level 6;  # from 0 to 9
}

Tags:Nginx, 網路架站

Safari 尚未完整支援 webp

Posted on 2021 年 12 月 12 日2021 年 12 月 12 日 By 日落 在〈Safari 尚未完整支援 webp〉中尚無留言

跑去 CanIUse 查了一下,原來 Safari 尚未完全支援 webp 影像格式:

未來似乎會完整支援,這樣以後網站上的圖片就先都轉 webp 好了,檔案比較不佔空間、傳輸速度也較快。

Tags:網路架站

用 PHP 將常見影像格式轉成 WebP

Posted on 2021 年 12 月 7 日2021 年 12 月 7 日 By 日落 在〈用 PHP 將常見影像格式轉成 WebP〉中尚無留言

WebP 影像格式是專為了網路服務設計的格式,可以在一般人肉眼看不出差異的情況下,將影片檔案縮小,並加速網路傳輸速度。PHP 的 GD library 也早已提供格式轉換功能,以下就來介紹使用方法:

<?php

$in = "source.jpg";
$out = "NEW.webp";

// 先使用 GD 讀取原始影像
$img = imagecreatefromjpeg($in);

// 儲存成 webp
imagewebp($img, $out);


謹此而已,沒有想像中的麻煩。


懶得寫網頁小工具轉換,乾脆改成 script 在 console 自動處理,程式碼放在 Gist/johnroyer,有需要的自己拿抓,也歡迎留言許願 XD

Tags:PHP, 網路架站

文章分頁

上一頁 1 2 3 ... 12 下一頁

其他

關於我  (About me)

小額贊助

  文章 RSS Feed

  留言 RSS Feed

Apache AWS Bash C/C++ Docker FreeBSD GCP Git Google Java JavaScript Laravel Linux Microsoft MSSQL MySQL Nginx PHP PHPUnit PostgreSQL Python Qt Ubuntu Unix Vim Web Windows WordPress XD 作業系統 分享 好站推薦 專題 攝影 新奇搞笑 新聞 旅遊 生活雜記 程式設計 網路架站 網頁設計 資訊學習 資訊安全 遊戲 音樂


創用 CC 授權條款
本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.