https://qwerty.work/tags/%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E6%B6%88%E8%B2%BB%E9%87%8F/ Recent content in リソース消費量 on qwerty.work Hugo -- gohugo.io ja-JP Sat, 27 Jan 2018 13:25:03 +0900 https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/ Sat, 27 Jan 2018 13:25:03 +0900 https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/ <p>DreameWeaverでWEBをいじっている最中に偶然発見したのでメモ。</p> <p>Internet Explorer 11（IE11）でCtrl+Shift+Uを押すと、以下のように画面が現れました。</p> <p><img class="gallery-image" data-flex-basis="430px" data-flex-grow="179" height="390" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/images/01.jpg" width="700"></p> <p>DreameWeaverではページをサーバーにアップロードするときのショートカットキーとしてCtrl+Shift+Uを使います。それを、たまたま間違えてIEで押したら現れました。調べてみたところ、<strong>「パフォーマンスダッシュボード」<strong>というものらしく、</strong>[ツール]メニューにある</strong>ものでした。</p> <p>現在表示しているページの<strong>描画時間</strong>、<strong>フレーム率（FPS）</strong>、<strong>メモリ使用量</strong>、<strong>CPU使用率</strong>が表示されているようです。</p> <p>それぞれの数字の部分をクリックすると詳細なグラフが現れます。</p> <p><img class="gallery-image" data-flex-basis="244px" data-flex-grow="101" height="290" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/images/02.jpg" width="295"><img class="gallery-image" data-flex-basis="243px" data-flex-grow="101" height="291" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/images/03.jpg" width="295"><img class="gallery-image" data-flex-basis="244px" data-flex-grow="101" height="290" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/images/04.jpg" width="295"><img class="gallery-image" data-flex-basis="244px" data-flex-grow="102" height="290" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2018/01/internet-explorer-performance-dashboard/images/05.jpg" width="296"></p> <p>グラフをクリックすると簡易表示に戻れます。もう一度Ctrl+Shift+U押せば表示を閉じれます。</p> <p>表示がもたつくページを調べるときに役に立ちそうです。</p> <div class="link-card"> <a href="https://msdn.microsoft.com/ja-jp/library/dn255009%28v=vs.85%29.aspx/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://msdn.microsoft.com/ja-jp/library/dn255009%28v=vs.85%29.aspx/" alt="https://msdn.microsoft.com/ja-jp/library/dn255009(v=vs.85).aspx/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://msdn.microsoft.com/ja-jp/library/dn255009(v=vs.85).aspx/</span> <span class="link-card-url">https://msdn.microsoft.com/ja-jp/library/dn255009(v=vs.85).aspx/</span> </div> </a> </div>