検索する

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

2024.11.19

Logging

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

明日の休みにコアウェブバイタルを改善しようと思う．
モバイル版がズタボロなので．
LCP（Largest Contetful Paint）⏩️最も有意義とされる画像や動画などが、表示されるまでの時間
CLS（Cumulative Layout Shift）⏩️コンテンツの視覚安全性
良好が一つもないのが悔しい． pic.twitter.com/BCJgSi6ajf

— 田岡 寿章(taoka_toshiaki) (@taoka_toshiaki) November 13, 2024

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

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

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

明日へ続く

タグ

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

AMPページ辞めた理由。

2017.08.16

Logging

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

タグ

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

タグ

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