Articles

Django1.8以上を使っていて、Google Search Console などで
サイトのドキュメントルートにHTMLファイルを設置する方法を紹介します。

Djangoではルーティングがいい感じに設定されているので
ドキュメントルート直下にファイルを置きたい場合に困ることが有ると思いますが、
その対応をした時のメモを残しておきます。

発端は以下の過去記事です。
・さくらのVPSにRapidSSLの証明書を組み込んだときのメモ
・Google Search Console に自分のサイトを登録する方法

RapidSSL の認証ファイルの設置だったり、Google Search Console の所有者確認用HTMLファイルの
設置のときに、少し困った、という過去がありました。

ドメイン直下のHTMLファイルにアクセスさせるため、以下のように TemplateView を使って対応してみました。

続きを読む

Webサイト高速化のために行ったこと…今回は第四回です。
Djangoで出力したHTMLを圧縮する方法についてまとめました。

１．圧縮を有効にする（html, css, jsなどの静的コンテンツ）
２．ブラウザのキャッシュを有効にする（静的コンテンツにキャッシュを導入する）
３．CSSを縮小する
４．HTMLを縮小する（当記事）
５．スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する（※一部）
６．読み込み中のときにloading indicatorを表示する（これはユーザー体験を高めるためのおまけ）

では、さっそく行ってみます。

続きを読む

前回はGoogle PageSpeed Insightsを使ってサイトの現状を把握すること、
そして静的コンテンツの圧縮方法を紹介しましたが、今回はその第二弾です。

１．圧縮を有効にする（html, css, jsなどの静的コンテンツ）
２．ブラウザのキャッシュを有効にする（静的コンテンツにキャッシュを導入する）（当記事）
３．CSSを縮小する
４．HTMLを縮小する
５．スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する（※一部）
６．読み込み中のときにloading indicatorを表示する（これはユーザー体験を高めるためのおまけ）

この記事ではブラウザのキャッシュを有効にするためのサーバー設定を紹介します。

続きを読む

Webページの読み込みが遅いと、それだけでユーザー体験が低下し離脱につながってしまいます。
当サイトはまだ本格運用を始めたばかりなのでそもそもユーザー数少ないのでサイトのパフォーマンスが
低かろうが影響もあまりないのですが（笑）

まぁ、ページの描画は早いほうがいいだろうということで色々試してみました。

１．圧縮を有効にする（html, css, jsなどの静的コンテンツ）（当記事）
２．ブラウザのキャッシュを有効にする（静的コンテンツにキャッシュを導入する）
３．CSSを縮小する
４．HTMLを縮小する
５．スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する（※一部）
６．読み込み中のときにloading indicatorを表示する（これはユーザー体験を高めるためのおまけ）

続きを読む

ただの作業メモ

・使ったライブラリ
highlight.js

162言語、72のスタイルに対応しているようです。

上記サイトからダウンロードをしますが、ダウンロード前にどの言語を有効にするかを
選べるようになっているので、自分に必要な物を追加でチェックします。

ここ

自分の場合は、Django, YAML, SCSSを追加でチェックしました。

ZIPがダウンロードされるので、あとはサイトに設置するだけ。
highlight.pack.jsが本体。
その他、諸々のスタイルが記述されてるCSSが格納されています。（設置はどれか一つでOK）

続きを読む