gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/JavaScript?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/JavaScript?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/JavaScript"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"2"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-9115121964941903465"},"published":{"$t":"2014-01-07T16:58:00.000+09:00"},"updated":{"$t":"2017-02-25T00:42:42.560+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"JavaScript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"自分のサイトに「このページには安全でないコンテンツが含まれています。」と表示されたため原因を確認"},"content":{"type":"html","$t":"このブログはBloggerを使用していて、普通にブログを開くと何事もなく表示されるのに、プレビューを表示すると「このページには安全でないコンテンツが含まれています。」と表示されます。\u003cbr /\u003e\n\u003cbr /\u003e\nその原因は何なのかを調べたので、確認する方法を記録します。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s1600/01.png\" height\u003d\"140\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e画像のように、ページ上部に警告文が表示され、読み込むか読み込まないかを問われます。通常、AdSense部分にはGoogleAdSense、Feed部分には新着記事が表示されます。\u003cbr /\u003e\n\u003ch2\u003e「このページには安全でないコンテンツが含まれています。」と表示される原因\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-uoKwmK8XEtg/UsuDRh40zbI/AAAAAAAABOo/9tgqvescbaU/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-uoKwmK8XEtg/UsuDRh40zbI/AAAAAAAABOo/9tgqvescbaU/s1600/02.png\" height\u003d\"11\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n「詳しく見る」をクリックするとこのように書かれている。\u003cbr /\u003e\n\u003cblockquote\u003e問題\u003cbr /\u003e\nユーザー名やパスワードなどの機密情報を求めるウェブサイトでは、通常、パソコンとの間で安全な接続を使用してコンテンツを送受信します。Google Chrome では、安全な接続を使用してサイトにアクセスする場合、ウェブページのコンテンツが安全に送信されたかどうかが検証されます。安全でないチャネルから送信された特定のタイプのコンテンツをページ上で検出した場合、Google Chrome は自動的にこのコンテンツの読み込みをブロックし、アドレスバーに盾アイコン  を表示します。このようなコンテンツをブロックし、考えられるセキュリティの抜け穴を解消することで、ページ上の個人情報が悪意あるユーザーの手に渡らないようにします。\u003c/blockquote\u003eAdsense部分かFeed部分または両方が、「安全でないチャンネルから送信された―」 に引っかかっていると思われます。\u003cbr /\u003e\n\u003cbr /\u003e\n詳細の続き\u003cbr /\u003e\n\u003cblockquote\u003e高度なヒント\u003cbr /\u003e\n[設定] ページでは、すべてのサイトに対して、JavaScript や画像のような特定のタイプのウェブ コンテンツをブロックするよう選択できます。ウェブ コンテンツの設定を管理する方法について詳しくは、こちらをご覧ください。\u003cbr /\u003e\n[中略]\u003cbr /\u003e\nウェブ デベロッパーは、Chrome メニューから [ツール] \u0026gt; [JavaScript コンソール] を選択すると、自分のサイトで見つかった安全でないスクリプトを確認できます。完成度の低い拡張機能や安全でないCSS/Flash が問題の原因になっている場合もあります。\u003c/blockquote\u003eGoogleAdSenseが、完成度の低い拡張機能や安全でないCSS/Flashとは思えない（思いたくない）ですが、高度なヒントに、自分のサイトで見つかった安全でないスクリプトの確認ができると書いてあるので、確認してみます。\u003cbr /\u003e\n\u003cbr /\u003e\n参考：\u003ca href\u003d\"https://support.google.com/chrome/answer/1342714?hl\u003dja\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eChromeヘルプ\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003e安全でないスクリプトの確認\u003c/h2\u003e警告が表示されるページで、設定からツールを選択し、JavaScript コンソールをクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-fe1OvtPKPso/UsubrBpVvUI/AAAAAAAABO4/bcmONaN08mU/s1600/03.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-fe1OvtPKPso/UsubrBpVvUI/AAAAAAAABO4/bcmONaN08mU/s1600/03.png\" height\u003d\"166\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nErrorsとwarningsの数が表示されます。\u003cbr /\u003e\nErrorsとwarningsをクリックすると、安全でないJavaScriptと安全でないコンテンツを見ることができます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-_UwjzcDpR5w/UsusEyTp6pI/AAAAAAAABPI/NVACmf4RiJY/s1600/04.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-_UwjzcDpR5w/UsusEyTp6pI/AAAAAAAABPI/NVACmf4RiJY/s1600/04.png\" height\u003d\"39\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nこのエラーとワーニング（ウォーニング）を元に安全でないコンテンツをブロックしたり、管理したりします。\u003cbr /\u003e\n\u003cbr /\u003e\nが、上にも書いたとおり、普通にページを開くと問題なく表示されるので、この記事の作成時は特に対処をしていません。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/9115121964941903465"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/9115121964941903465"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/01/blog-post_7.html","title":"自分のサイトに「このページには安全でないコンテンツが含まれています。」と表示されたため原因を確認"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s72-c/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-5725730003837648022"},"published":{"$t":"2013-10-26T19:01:00.000+09:00"},"updated":{"$t":"2017-02-25T21:04:40.879+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"JavaScript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"スコアカード"}],"title":{"type":"text","$t":"WordPress レンダリングブロック ページの読み込み時間のパフォーマンスを改善4"},"content":{"type":"html","$t":"前回は、gzip化により圧縮を有効にしました。\u003cbr /\u003e\nこれにより現在のポイントは、モバイルが70/100、パソコンが81/100になったと書いたが、一日たって確認したところパソコンのほうが82/100にアップしていた。\u003cbr /\u003e\n今回はレンダリングブロックを試してみます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nこの記事は、PageSpeed Insightsのパフォーマンス改善のためにやったことを記録しています。\u003cbr /\u003e\nこの記事以外にも下記の記事で改善方法を記録しています。\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/google-adsense_23.html\"\u003eGoogle AdSenseでサイトの状況の評価が２になったので改善する\u003c/a\u003e\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/wordpress-2.html\"\u003eWordPress 画像を圧縮\u0026nbsp;ページの読み込み時間のパフォーマンスを改善2\u003c/a\u003e\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/wordpress-3.html\"\u003eWordPress 圧縮を有効にする ページの読み込み時間のパフォーマンスを改善3\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003eレンダリングブロック JavaScript/CSSを排除する方法\u003c/h2\u003ePageSpeed Insights 提案の概要をみてみると、\u003cbr /\u003e\n\u003cblockquote\u003eこのページには、ブロッキング スクリプト リソース が 1 あり、ブロッキング CSS リソースが 3 あります。これが原因で、ページのレンダリングに遅延が発生しています。\u003c/blockquote\u003eということです。さらに読み進めます。\u003cbr /\u003e\n\u003cblockquote\u003eこのページでスクロールせずに見えるコンテンツを、以下のリソースによる読み込みを待たずにレンダリングできませんでした。ブロッキング リソースを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください。\u003c/blockquote\u003eなんだか今までよりも難しそうです。が、ぐぐりながら解決していきす。\u003cbr /\u003e\nレンダリングブロック JavaScriptを削除\u003cbr /\u003e\n\u003ca href\u003d\"https://developers.google.com/speed/docs/insights/BlockingJS\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttps://developers.google.com/speed/docs/insights/BlockingJS\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nCSS配信を最適化\u003cbr /\u003e\n\u003ca href\u003d\"https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttps://developers.google.com/speed/docs/insights/OptimizeCSSDelivery\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nどちらの文章もインライン化することを薦めているようです。\u003cbr /\u003e\n\u003cbr /\u003e\n今のスキルでは、ちょっとお手上げです。\u003cbr /\u003e\n\u003cbr /\u003e\n今どうにか出来そうなのは、GoogleAdSenseのコードを非同期にすることぐらいなのですが、すでに非同期コードを貼り付けていたので、できることがなくなってしまいました。\u003cbr /\u003e\n\u003cbr /\u003e\n時間があるときにもう一度挑戦したいと思います。\u003cbr /\u003e\n\u003ch3\u003eGoogleAdSenseの非同期コードの取得方法\u003c/h3\u003e最後にGoogleAdSenseの非同期コードを取得する方法を説明します。\u003cbr /\u003e\n広告の設定からコードを取得をクリック後に、非同期を選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-m72ptKezoPo/UowohzfI5fI/AAAAAAAAAdQ/vW-Da_QsqY0/s1600/%E9%9D%9E%E5%90%8C%E6%9C%9F%E3%82%B3%E3%83%BC%E3%83%89.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"300\" src\u003d\"http://3.bp.blogspot.com/-m72ptKezoPo/UowohzfI5fI/AAAAAAAAAdQ/vW-Da_QsqY0/s320/%E9%9D%9E%E5%90%8C%E6%9C%9F%E3%82%B3%E3%83%BC%E3%83%89.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n今貼っている広告コードと比べてみてください。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5725730003837648022"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5725730003837648022"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/wordpress-4.html","title":"WordPress レンダリングブロック ページの読み込み時間のパフォーマンスを改善4"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/-m72ptKezoPo/UowohzfI5fI/AAAAAAAAAdQ/vW-Da_QsqY0/s72-c/%E9%9D%9E%E5%90%8C%E6%9C%9F%E3%82%B3%E3%83%BC%E3%83%89.jpg","height":"72","width":"72"}}]}});