わりと本気でウェブサイトの高速化に取り組んだ結果。 - ページ 2 - ONZE
この連休中に弊社ウェブサイトの表示スピード高速化に取り組みました。 もともと不満が無いほどのスピードを誇っていましたが、さらに完璧を目指して様々なアップグレードを試みたので、その結果と共に、皆様にも参考になるであろう読み込み速度UPのための改善策を提案していきます。 まず前半では診断結果を、後半では改善策を紹介していきます。 先に「改善策」のほうを読みたいという方はコチラからどうぞ。 診断に使ったサイト 今回、ウェブサイトの読み込み速度を診断するために使ったのは以下のサイト。 Google PageSpeed Insights GTmetrix Pingdom Website Speed Test いずれも説明が不要なほど有名な３つのサイトですね。 なお計測は弊社サイトのトップページ（https://on-ze.com）を指定して行いました。 以下、高速化のための改善策を講じた後の診断結果
プラグインなしでWordPressサイトを高速化する方法【JS・CSS・キャッシュ設定】
2015/09/19 (更新日: 2018/07/18) プラグインなしでWordPressサイトを高速化する方法【JS・CSS・キャッシュ設定】 PROGRAMMING WordPress WordPressサイトを高速化することで、ユーザビリティの向上だけではなく、SEO最適化にも繋がります。今回はWordPressサイト高速化施策を４つご紹介します。 プラグインでも同様のことができますが、プラグインはバグの元。ということでWordPressプラグインなしでサイトを高速化する方法のみをご紹介します。 JavaScriptを非同期読み込みして、サイト表示を高速化する方法 JavaScriptを非同期で読み込む方法です。asyncをつけるだけで簡単です。方法は下記のとおり。 // 変更前 <script src="myscript.js"></script> // 変更後 <script
コピペでOK！スムーススクロールでページ内リンクやトップへ移動！#なしで
記事が長い場合、目次やページ先頭「#」へのページ内リンクはとても便利です。しかもスムーズスクロールで移動すれば動きもわかりやすいし気持ち良い。今回はJavaScriptやjQueryのプラグインを使わずに実現する方法です。 最近は多くのブログ・サイトで右下に「ページ先頭へ」戻るボタンやリンクを見かけます。しかしクリックして一気に最上部までワープすると味気ないし自分の位置を見失いがちです。目次の場合も同様です。 ゆめぴょんです。こんちはっ(^^)/ ページ内リンクはSEO対策にもなると聞いたことがあります。しかし私はむしろ訪問者のためのナビゲーションの1つとして便利だと思っています。 ページ内部リンクのしくみと弊害 そのしくみはとても簡単です。現在のURLの後に「#」をつけるとページ先頭へ、「#pyon」などをつけると「id="pyon"」を設定してる位置へジャンプします。 だから見出しに「
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
Youtubeの埋め込み動画をレスポンシブに対応させる方法 | WebClips_Design
レスポンシブ対応のブログ・WebサイトなどにYoutube動画を埋め込む時の備忘録。CSSの設定でYoutubeのサイズをwindow幅に合わせて可変させることができます。
webOpixel
2024年7月 webトピックス 2024年7月、個人的に気になった記事のまとめです。 投稿日2024年08月02日 更新日2024年08月02日
トップに戻るボタンをjQueryでニュルッと改造する
これまで設置してた「トップに戻る」ボタンの難点 ブログやサイトなどで、ページの右下だったり左下だったりに「トップに戻る」「PAGE TOP」などといったボタンが設置されているのをよく見かけますよね。 当ブログでも開設当初から設置してました。 ▲ 当ブログに以前設置してた「ページ先頭へ」ボタン。クリックするとページの先頭に移動する機能です。ボタン位置はCSSで固定させているのでスクロールしても一定の場所から動きません。 これはこれで最初は満足してました。しかし途中で「あること」に気付いた、というか再認識しました。 たとえば当ブログのトップページを表示した時、 ▲ URLのお尻に「#header」という文字が追加されてしまいます。 これはHTMLの仕様で、ボタンをクリックすると「id=”header”」と書かれてる位置に移動しろ、という命令を処理。最新の表示位置（＝つまりheaderの位置）を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのwp_headのところに入るjQueryを読み込まないようにする方法 - ディレイマニア
Camera | a free jQuery slideshow by Pixedelic