scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…
Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり／なしによる、ページの読み込み／表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が
Web制作の視点からのSEO - クロイシロ|Progettista・Webディレクターの思考
SEO施策にはざっくり分けて「内的SEO」と「外的SEO」の2種類がある。内的SEOはサイト内のテキスト記述や、文書構造の施策。外的SEOは被リンクの数を稼ぐのと、ヒットさせたいキーワードにお金を出して、そのキーワードでユーザーがGoogleやYahooで検索した時に上位に表示させる施策。 Web制作屋としてできる事は内的SEOであり、口すっぱくして「コンテンツが〜」とか「なにやりたいのか〜」とか、クライアントにヒアリングをして、それにあわせてマークアップをするんだが、クライアントの目線が外部（ユーザー視点）にある場合の落としどころが難しい。サッカー用品売ってるサイトの来訪キーワードが「ボール」だからって「じゃ、ボール専門サイトを作ろう」ってのも変な話。木を見て森をウンタラではと。 つまりユーザーにどのキーワードで検索した時にサイトに来て欲しいのかが無い場合。 企業系サイトだとアクセス数は
What’s the Maximum Z-Index?
Z-index is the CSS property governing how high in the stack an element is, if you visualise the elements as appearing in a 3D stack coming out of the page. The actual value of an element’s z-index doesn’t matter; just its value relative to other elements on the page. Elements with higher z-indexes appear on top of elements of lower z-indexes. I was just designing a bookmark for Scrumptious (a Tidd
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Tool | Version 1.1