2021年8月22日
トップイメージのスライドショーを従来はプラグイン「Smart Slider」で設定していましたが、今回はAdobeのプレミアプロにて映像編集したmp4形式の動画にしてみました。
但し、mp4形式ではありますが、今までのSmart Sliderの動きをvideoタグでmp4を表示させる形式とし、素材は動画ではなく3枚の静止画としました。
PageSpeed Insightsでの表示速度は、モバイルが33から55、パソコンが79から89とかなり早くなり、予想以上に改善されました。
尚、この動画は当初iPhoneのみ再生ができませんでしたが、videoタグにplaysinline属性を追記する事により再生できるようになりました。
因みに素材の写真は、今年庭の巣箱で生まれたシジュウカラです。