URL短縮対応画像遅延読込・画像リサイズプラグイン

  • 2020.04.29
Download

URL短縮対応画像遅延読込・画像リサイズプラグイン
  • 暫定公開版です(PukiWiki1.5.2及びPukiWiki1.5.3で動作確認済)
  • 本プラグインは次のファイルで構成されています
    • imageフォルダPukiWikiの当該フォルダにファイル内容をコピーする
      • spacer.png:imgタグ用ダミー画像(画像遅延読み込みのためのスペーサー画像)
    • resize_cacheフォルダPukiWikiのルートにこのフォルダを作成する(resize_imageプラグイン用のキャッシュフォルダで中身はない)
    • skinフォルダPukiWikiの当該フォルダにファイル内容をコピーする
      • lazysizes.min.js:画像遅延読み込みを実現するJavaScript(GitHub aFarKas/lazysizes
    • ref.inc.phpPukiWiki標準refプラグインに画像遅延読み込みと画像リサイズ処理を組み込んで改造したプラグイン
    • resize_image.inc.php:画像リサイズプラグイン
  • 本プラグイン一式を導入することで、次の効果が得られます
    • 添付画像を変更することなくページ表示上の画像を適度にリサイズ(画像・容量)することで、複数画像があるページの通信トラフィックを軽減できる
    • PukiWiki標準refプラグインでの画像リンクは今まで通りリサイズされていない元の添付画像となる
    • 複数画像があるページの画像遅延読み込みが可能(ページ表示の体感速度アップ)
    • resize_imageプラグインで作成したリサイズ画像(デフォルトでJPEG品質値70)はresize_cashフォルダに自動でキャッシュされる
    • プラグイン一式の導入のみで既存ページの修正は一切なし(refプラグインが画像遅延読み込み用imgタグを自動で生成し、resize_imageプラグインを自動で呼び出す仕組みのため)
  • resize_imageプラグインを単体のインライン・プラグインとして利用することも可能です
  • refプラグインの設定を変更することで、resize_imageプラグインを利用せずに画像遅延読み込みだけを利用することも可能です
  • 設置と設定に関しては本サイトの記事「PukiWikiに画像遅延読込・画像リサイズプラグインを導入して画像の読み込みを高速化する!」を参照して下さい
  • Ver0.2.0からの変更点(FacebookのOGP仕様変更対応)は次の通り
バージョン: 0.3.0
公開:2020年4月29日

この記事が気に入ったら
いいね ! をお願いします


ITで何かお手伝いできることはありませんか?

CTA-IMAGE

本サイトでは、外部サービスと連携して「ITの困った」を解決します!

カテゴリの最新記事

Ads Blocker Image Powered by Code Help Pro
広告ブロックを検出しました!

ブラウザの拡張機能を使用して広告をブロックしていることが検出されました。
ブラウザの広告ブロッカー等の機能を無効にするか、dajya-ranger.comドメインをホワイトリストに追加し、「更新」をクリックして下さい。

 

あなたが広告をブロックする権利と自由があるように、当方にも広告をブロックしている人にコンテンツを提供しない権利と自由があります。

更新