【隠し機能】サーバ側で画像のリサイズを利用して、Googleの内部SEOのスコアを上げました

他のカテゴリーに当てはまらない事柄など。
気軽にどうぞ。

【隠し機能】サーバ側で画像のリサイズを利用して、Googleの内部SEOのスコアを上げました

投稿記事by inunosinsi on 2016年7月11日(月) 05:56

内部SEO対策でページの速度向上を行っていましたが、
SOY CMSの非公開の機能の一つであるページの表示の際にサーバ側で画像をリサイズしてからクライアント側に送信するという機能が強力だったため、下記の記事でまとめました。
SOY CMSで表示直前で画像のリサイズ表示を行う - saitodev.co

GoogleのPageSpeed Insightsでスコアを確認しながら対応しましたが、
対応前は60/100でレッド(NG)でしたが、対応後は88/100でグリーン(OK)になりました。
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 785
登録日時: 2008年6月12日(木) 20:48

Re: 【隠し機能】サーバ側で画像のリサイズを利用して、Googleの内部SEOのスコアを上げました

投稿記事by inunosinsi on 2016年7月17日(日) 09:02

サーバ側で画像をリサイズさせ、その画像を表示する方法ですが、
透過が入ったPNG画像をリサイズすると透過の箇所が黒になります。
透過されたPNGが黒くならない様に修正しました。

ちなみに修正はGDでしか行っていませんので、
ImageMagickがどうなるかはわかりません。

詳細は下記のブログに記載しました。
SOY CMSの画像のリサイズ時にPNGの透過を無効にする - saitodev.co
添付ファイル
common.zip
(4.79 KiB)
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 785
登録日時: 2008年6月12日(木) 20:48

Re: 【隠し機能】サーバ側で画像のリサイズを利用して、Googleの内部SEOのスコアを上げました

投稿記事by inunosinsi on 2016年7月18日(月) 05:00

GoogleのPageSpeed Insigthsで表示される画像の最適化でロスレス圧縮がありますが、
SOY CMSでJPEGファイルのロスレス圧縮を自動で行うためのコードを追加しました。

設定方法は下記のブログ記事に記載しました。
SOY CMSの画像のリサイズでJPEGのロスレス圧縮を追加した - saitodev.co

ロスレス圧縮でスコアが88/100から97/100(パソコン)になりました。
添付ファイル
common.zip
(4.87 KiB)
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 785
登録日時: 2008年6月12日(木) 20:48


Return to 雑談・その他

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[1人]

cron