画像の軽量化．webpにしてみたら普通に軽いみたいですね．

2024.11.19

Logging

おはようございます．先日の休みの日に前から気になっていた画像の表示速度を改善したくてwebpという画像圧縮を採用しました．webpに関しては数年前に一度記事にはしていたのですが、その当時はブラウザの方が対応していなくて途中でもとに戻したような気がします．

今回はwebpを採用してこのまま運用していこうと思っています．過去の画像も一括でwebpにしました、それと同時に今までTopに配置していた動画も除けました．

ちょっと物足りない感じはしますが、表示速度を速くしてモバイルファーストに近づけていこうと思います．尚、webpにするためにewwwというプラグインを導入しています．

導入して上手く表示がwebpに変換されたかなと思ったら上手く変換されなかったので、自作のプラグインを作り力技でwebpに変換した形になります（画像はWebpに変換されましたがコードを見るとそのままだったので）．

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年11月19 06:00日

タグ

ewww, TOP, webp, コード, ブラウザ, プラグイン, もと, モバイルファースト, 一括, 休み, 作り力技, 形, 気, 物足りない感じ, 画像圧縮, 自作, 表示速度, 途中, 過去,

AMPページ辞めた理由。

2017.08.16

Logging


AMPを辞めた理由はこれ！
AMPとはグーグルさんが推奨するモバイルファーストな仕様なんだけど
これ今のところ、制約が多すぎて面倒と思ったのが
一番の理由です。
二番目の理由は、AMPに変えたからと言ってアクセス数が
急激に増えたわけでもないので、まぁ今のままで良いかなと
思えたのです。
これらの理由により、数週間前からAMP辞めてます。
表示速度はAMPにするとめちゃくちゃ速いですけどね。
殆どベタページと変わらない仕様になるのですが、
広告掲載や何やらを規制が多くこれは結構痛いなと思うのが
一番ですね。たぶん今のままでは広まるのには時間がかかりそうです。
SSLファーストが広まったのには
理由があると思います、まずはセキュリティの問題解消です、そして
それほどSSL導入は難しくないのでエンジニアが対応できたという
事が要因だと思うのですね、それに対してAMPは
それほど、ユーザーから求められてはいない、
AMPのためにデザインを変更しないといけない、
JSの制限が大きいなど、制限が大きいため自分の考えでは
今のところ、様子見で良いと思います。
トイウコトで自分はAMP停止しました。

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2017年08月16 05:54日

タグ

AMPページ, SSLファースト, SSL導入, WordPress AMP対応, エンジニア, グーグル, セキュリティ, トイウコト, モダンWeb制作, モバイルファースト, ユーザー, レッスンブック, 仕様, 制約, 制限, 広告掲載, 様子見, 殆どベタページ, 理由,

やっぱりChromeなんだなぁ・・・いまのブラウザ1位は。

2017.07.28

Logging


いまのブラウザの覇王はGoogle Chromeなんだなぁと
ネットの可視化しているサイトを観ていると思う、次にシェアが高いのは
Safariだけど、圧倒的にGoogle Chrome強しですね。
いっその事、みんな同じブラウザを使って欲しい、もしくは
同じふるまいが出来るようにして欲しいですね、ブラウザエンジニアは
同じもので、ブラウザの操作機能は各社違うようにするとか・・・。
特にIEは何だかんだ言って問題児です、特に古いバージョンになると
IEだけ独特の振る舞いしてくれます、IEだけ見栄えが違ったり
動作しなかったりと、フロントエンドエンジニア泣かせかなと感じます。
このグラフ見ていると、まだまだデスクトップは健在なんだということも分かります。
モバイルファーストとか言われているけれど、まだまだデスクトップも頑張っていらっしゃる。
ちなみにグーグルを制するものがウェブを制すると言われていますが、
この頃は、アプリを制するものがウェブを制するとも言われてきています。
要するにアプリ完結の時代が来ていたりします。
専門的な情報を得るには、検索サイトを使わず、アプリを使用して
情報を得るという流れになってきているのだとか。
https://www.youtube.com/watch?v=LUDmC8LrnPk

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2017年07月28 05:00日

タグ

Google Chrome, IE, アプリ, アプリ完結, インタフェースデザイン, ウェブ, グーグル, デスクトップ, ブラウザ, ブラウザエンジニア, ふるまい, フロントエンドエンジニア泣かせ, モバイルファースト, 古いバージョン, 問題児, 振る舞い, 覇王, 見栄え,