script非同期読み込みのススメ

26_asyncdefer.jpg

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=~略 」が <head>~</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>~</head> でscriptタグを記述するとページの表示が遅くなる? ブラウザは上から順番にHTMLを読み込み解析作業をし、表示していくのですが、その途中で外部ファイルを読み込む記述があるとその外部ファイルをダウンロードし実行するまでHTMLの読み込みが中断されるためです。...

Read More

メディア管理で一度に複数のファイルをアップロード

25_fileup.jpg

(※スクショは witchmakers さんの管理画面用テンプレートを利用していますがデフォルトの管理画面でも今回のカスタマイズは利用できます) メディア管理でファイル登録(アップロード)する場合、ファイル選択欄で選べるファイルは一つのみです。下方にある「ファイル選択欄を追加」リンクをクリックするとファイル選択欄を増やすことができますがそれすら面倒な人(私)向けのカスタマイズです。 templates/admin/iframe_media_form.html 191、196行目 templates/admin/media_form.html 191、196行目 のファ...

Read More

1