hrfmsdのブックマーク / 2016年3月30日

hrfmsd id:hrfmsd

2016年3月30日のブックマーク (3件)

javascriptを使ったSEO対策まとめ - Qiita
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えようっていうのが主です。(pjaxと呼ばれている手法です）クリックやスクロールでDOMを生成するコンテンツはインデックスされないページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic
hrfmsd 2016/03/30
javascript

SEO
リンク
[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要
レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。 Webページでよく使用される条件で検証を行い、Media Queriesでなぜpxを使ってはいけないのか、そして何が適しているのかが分かる検証記事を紹介します。 PX, EM or REM Media Queries? 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。はじめに pxとemとremの検証方法検証1. html要素でfont-sizeを指定検証2. ブラウザでズームが可能検証3. ブラウザでフォント設定が変更可能検証の結果はじめにあなたはMedia Queriesで使う単位にpx, em, remのどれが一番
hrfmsd 2016/03/30
media Queries
リンク
フロントエンド速度改善でやったこと(Expiresヘッダ、faviconのgzip圧縮、JSの読み込み遅延化) - $shibayu36->blog;
フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog; という記事を以前に書いたのだけど、結局何をやったか書いて欲しいと社内で言われたので、今回のフロントエンドの速度改善でやったことについて書いてみる。そこまで大したことはやってないので参考程度にどうぞ。前提ページのレンダリングが遅いと思い始めたので改善をすることになったのだが、改善をし始めたところChromeのアップデートがあり爆速になってしまった(FirefoxやSafari等はもともと速かった)ので、では明らかにやったほうが良いことだけやりますかという話になった。そのためあんまりbefore/afterもちゃんと取っていないので、今回はやったことの紹介くらいに留める。やったこと計測や調査をしてみたところ、以下のようなことはやってしまったほうが良いということになった。静的ファイルに適切にEx
hrfmsd 2016/03/30
js
リンク
- 2016年3月31日
- 2016年3月30日
- 2016年3月28日