読み込みのムラゴンブログ

このタグの読者になる 0

JavaScriptはheadとbodyのどちらで読み込む？defer・asyncの違いも初心者向けに解説

WebサイトへJavascriptを追加するとき、読み込み位置について迷うことがあります。 HTMLのhead内に書かれているサイトもあれば、bodyの終了直前に書かれているサイトもあります。さらに、deferやasyncという指定を見かけることもあります。どの方法でもJavascriptを読み込... 続きをみる
- html
- 実行
- ページ
- 処理
- ファイル
- 表示
- 取得
- 読み取り
- 操作
tammpro tammpro | 少しためになるブログ 2026/11/02 10:00
Webフォントを増やしすぎると遅くなる？表示速度と読みやすさを両立する考え方

Webサイトの印象を整えるために、Google FontsなどのWebフォントを使うことがあります。デザインデータと同じフォントを指定すれば、どの端末でも統一された雰囲気を出しやすくなります。しかし、使用するフォントや文字の太さを増やしすぎると、ページの読み込みが遅くなったり、表示途中で文字の位... 続きをみる
- フォント
- web
- データ
- 表示
- 文字
- 必要
- 使用
- 見出し
- 指定
tammpro tammpro | 少しためになるブログ 2026/10/19 08:27
JavaScriptが動いたり動かなかったりするのはなぜ？読み込み順の基本を理解しよう

ボタンを押したらメニューを開く処理を作ったのに、何も起こらない。同じJavascriptでも、ファイルを読み込む場所を変えたら突然動くようになった。 Web制作では、このような問題がよく発生します。原因の一つが、HTMLとJavascriptの読み込み順です。Javascriptが対象の要素より... 続きをみる
- ファイル
- html
- 実行
- 要素
- 処理
- 完了
- 必要
- 順番
- ページ
tammpro tammpro | 少しためになるブログ 2026/10/06 09:36
画像が表示されるたびに画面が動くのはなぜ？レイアウト崩れを防ぐ基本

Webページを開いた直後、読もうとしていた文章が突然下へ移動したり、押そうとしていたボタンの位置がずれたりすることがあります。ページの読み込み途中で要素の位置が変わる現象を、レイアウトシフトと呼びます。特に画像の多いWebサイトでは、画像が表示されるたびに周囲の文章やボタンが押し出され、ページ全... 続きをみる
- 画像
- 表示
- フォント
- 比率
- 高さ
- 画面
- ページ
- 縦横
- 文章
tammpro tammpro | 少しためになるブログ 2026/09/29 09:00
JavaScriptが動かない時のチェックリスト

Javascriptが動かないとき、多くの人は「コードが間違っているのでは？」と考えがちです。しかし実際には、コード以外の要因で止まっているケースが非常に多いです。ここでは、現場で本当に使えるチェックリストを整理します。 1. コンソールエラーを確認しているかまず最初にやるべきはこれです。ブ... 続きをみる
- エラー
- コード
- 原因
- ミス
- script
- 要素
- 取得
- キャッシュ
- タグ
tammpro tammpro | 少しためになるブログ 2026/04/11 08:16
インジケーターとは

インジケーターの基本的な意味インジケーターとは、「状態や進行状況を示す目印」や「指標」のことを指します。もともとは英語の indicator で、「何かを示すもの」という意味があります。ITやデザイン、ビジネスなどさまざまな分野で使われる言葉で、文脈によって少しずつニュアンスが変わります。 IT・... 続きをみる
- インジケーター
- 状況
- 表示
- 指標
- 進行
- ユーザー
- ビジネス
- 役割
- 文脈
tammpro tammpro | 少しためになるブログ 2026/02/22 08:43
loading="lazy" の正しい使い方

Webサイトの読み込み速度を改善したい時に、もっとも簡単で効果が高い施策のひとつが画像の遅延読み込み（Lazy Load）です。HTMLの画像タグに loading="lazy" を付けるだけで、多くの画像を一度に読み込まず、必要になったタイミングで読み込みが開始されるようになります。この記事... 続きをみる
- 画像
- lazy
- 効果
- 速度
- ページ
- 改善
- webp
- html
- 表示
tammpro tammpro | 少しためになるブログ 2025/11/16 20:41
HTMLでheaderやfooterを共通パーツとして読み込む理由

Webサイトを制作する際、ほとんどのページに共通して配置されるパーツがあります。代表的なのが「ヘッダー（header）」と「フッター（footer）」です。これらを共通パーツとして管理し、複数のページから読み込む方法には、以下のようなメリットがあります。 1. 更新作業が一箇所で完結するヘッダー... 続きをみる
- ページ
- 共通
- パーツ
- ヘッダー
- サイト
- html
- コード
- 更新
- デザイン
tammpro tammpro | 少しためになるブログ 2025/08/08 07:32
PageSpeed ツールでウェブサイトを分析

PageSpeed ツールでウェブサイトを分析して最適化-ムラゴンブログあらゆるデバイスでウェブページの読み込み時間を短くしましょう 👇 PageSpeed Insights 自分のムラゴンのブログのURLを入力して結果を見るすると👆分析結果がご覧になれますパフォーマンスは、35もう限界... 続きをみる
- モバイル
- ツール
- ユーザー
- 調査
- 速度
- 表示
- 画像
- ページ
- データ
- 日本
TAKAさんプラズマ宇宙論・リゾナンス・プランナームラゴンブログ始め TOKYO! 2024/05/08 17:04
ブラウザをBrave に乗り換えました

Google Chrome から別のブラウザに乗り換えることにしました。名前は【Brave beta】煩わしい広告を見なければならない状態で我慢しなければならない我慢も限界に達したので、これまでは、Google Chromeをモバイルでも使用していましたがブラウザを変更しました。これまでは広告... 続きをみる
- プライバシー
- 広告
- モバイル
- 変更
- 快適
- 使用
- アンドロイド
- 我慢
- 利点
- 日本
TAKAさんプラズマ宇宙論・リゾナンス・プランナームラゴンブログ始め TOKYO! 2024/04/21 16:57
対応中、HDDが壊れています。入れ替えが必要なようです。

事の発端はパソコンの動作不全 HDDが壊れそう、いや、壊れています。だいぶ前に購入したDell Vostro A860というノートパソコン。最初は割と快適に動作していたのですが、OSが32ビットでインストールされていたり、メモリが少なかったりで、メモリの増強（とはいえ、最大値は4GBだから、32ビッ... 続きをみる
- 動作
- 最悪
- ソフト
- データ
- エラー
- 状態
- 故障
- HDD
- 泣きそう
２つ星テントウムシさん生き方の模索 2024/01/08 20:00
対応中。HDDが壊れています。入れ替えが必要なようです。

事の発端はパソコンの動作不全 HDDが壊れそう、いや、壊れています。だいぶ前に購入したDell Vostro A860というノートパソコン。最初は割と快適に動作していたのですが、OSが32ビットでインストールされていたり、メモリが少なかったりで、メモリの増強（とはいえ、最大値は4GBだから、32ビッ... 続きをみる
- 動作
- ソフト
- データ
- エラー
- バックアップ
- 状態
- 発生
- 交換
- HDD
かたつむり人かたつむり人の古いパソコン関係メモ 2024/01/08 17:00
# 読み込み
# PCゲーム
# ソシャゲ

読み込みのムラゴンブログ

人気のカテゴリー