本日、無料WordPressテーマ Godios. をリリースしました。 公式サイトを見ていただけるとわかると思うのですがページが一瞬で遷移しています。 どうでしょう、dev.toと同じくらい速いんじゃないでしょうか。 この記事ではテーマを高速化するにあたって用いたテクニックを書いていきたいと思います。 圧縮 テーマに含まれている画像・CSS・JSファイルの圧縮。 画像はOptimizilla・TinyPNG、CSSはCSS Minifier、JSはJSCompressを使用しました。 CSS・JSファイルの遅延読み込み レンダリングをブロックするファイルが大量にあると表示が遅くなりますので、JSファイルはdeferまたはasync属性を付与し、CSSファイルはインライン、またはJSで非同期に読み込んでいます。 無駄なSQLクエリを減らす データベースへのアクセスが多いと負荷が掛かる上、速
CSSでレイアウト 書き方編 CSSでレイアウトをしよう！ では早速スタイルシート（以下、CSS）をHTMLに適用させましょう。 CSSをHTMLに適用させる方法は、HTMLファイルの<head>内に指定内容を書き加える <style type="text/css"> <!-- .style1 {color: #FF00FF} --> </style> というように直接書き加えるタイプと、同じく<head>内に <link rel="stylesheet" href="ファイル名.css" type="text/css" /> とリンクしてCSSが書いてある外部ファイルを読み込むといった方法があります。 CSSを外部ファイルにまとめておく方が、ページ数の多いサイトのレイアウトの管理に便利です。 リンクの貼り方は<link rel="stylesheet" href="ファイル名.css"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
