SyntaxHighlighterの読込みを最適化する 2019/05/212020/06/24SyntaxHighlighterの読込みを最小限にします。概要は次の通りです。 <pre> なしならば読み込まない 必要なブラシは、最低限読み込む 遅延読込みも合わせて更に高速化する 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他...
初回ユーザイベントで発火する:onLazy.js 2019/05/202020/06/24関数の遅延呼び出しです。loadイベント以降の、初回ユーザイベント後に発火します。各種遅延読み込みのトリガーとして利用することを想定しています。 仕様 lazy のカスタムイベントを発信します loadイベント以降の初回ユーザーイベントの後で発火します loadイベント以前にユー...
ウェブページのページ表示速度を高速化する 2019/05/182020/03/16Bloggerの表示速度を高速化する からウェブページ共通の部分を分離しました。 ウェブページが早くなる(遅くなる)要素 HTML解析 HTMLファイルを解析して表示するページを作成します これが終わらないとページは表示されません これを最速で行うことが一番重要です レイアウト時...
Bloggerの空テンプレートを作成する 2019/05/172020/03/07Bloggerの自作テンプレート作成に向けての第一歩です。 空テンプレート Bloggerテンプレートの最小構成です。 空テンプレートの基準は以下の通りです。詳しくは参考の資料を参照してください。 <b:skin> を含む <b:section> を含む ...
画像のないimgタグのSEO対策 2019/05/152020/03/22画像のない <img> のSEO対策です。 問題 画像のない <img> を配置して、alt属性がないと警告を受ける。画像には、alt属性を付けましょう…。 だが、alt属性をを付けるとalt属性の文字列が表示されてしまう。alt属性の文字列が画面上に表示...
FontAwesome を SVG で使用する【JavaScript なし】 2019/05/102023/03/14はじめに 「FontAwesome を JavaScript なしで使用する方法」または、「FontAwesome の一部のアイコンを使用する方法」です。 JavaScript 無効環境で FontAwesome を使用したページを閲覧すると文字化けしたような表示になるのを目にし...
動的読込みのGoogleAdSense広告のブロックを判定する 2019/05/062020/04/20Google AdSenseの遅延読込みでページ表示速度を改善 の記事で書いたスクリプトの追加機能です。 当ブログでは、関連記事をGoogleアドセンスの関連コンテンツに依存しています。そのため、広告をブロックされると関連記事が表示されず、ユーザのサイト内周遊に大きな問題が発生し...
GoogleAdSenseの遅延読込みでページ表示速度を改善 2019/05/022021/08/04GoogleAdSenseの読込みの遅さを改善する。 問題点と目標 問題点 GoogleAdSenseは、JavaScript/画像/フォント/設定ファイルなどの複数データを読込むため、非常に低速です。そのため、広告を導入したページは、広告のないページに比べてページ表示速度が低速...
Bloggerの投稿とページについての忘却録 2019/04/112020/04/25Blogger投稿とページ関連の忘却録です。 URL Blogger投稿のURL例 http://bugbugnow.blogspot.com/2019/04/blog-post.html http://bugbugnow.blogspot.com/yyyy/MM/blog-ti...
ブログカードジェネレータを作ってみた 2019/01/032020/02/29 完成品 ブログカードジェネレータ https://www.bugbugnow.net/p/app-blogcard-generator.html 機能 指定URLからOGP情報を取得する 指定の情報からブログカードを作成する サンプル ...