わりと本気でウェブサイトの高速化に取り組んだ結果。 - ページ 2 - ONZE
投稿日：2015年11月23日 更新日：2024年10月17日 .htaccess, PHP, SEO, WordPress 12664文字：約22分 https://on-ze.com/blog/4716 この連休中に弊社ウェブサイトの表示スピード高速化に取り組みました。 もともと不満が無いほどのスピードを誇っていましたが、さらに完璧を目指して様々なアップグレードを試みたので、その結果と共に、皆様にも参考になるであろう読み込み速度UPのための改善策を提案していきます。 まず前半では診断結果を、後半では改善策を紹介していきます。 先に「改善策」のほうを読みたいという方はコチラからどうぞ。 診断に使ったサイト 今回、ウェブサイトの読み込み速度を診断するために使ったのは以下のサイト。 Google PageSpeed Insights GTmetrix Pingdom Website Spee
Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
WordPressを高速化！格安サーバでも速くなる5つの改善策-詳細版
WordPressを使っていると、どうしてもアクセスした時に遅いなと感じることがあると思います。コンテンツをデータベースからSQLで引張って来て、コンテンツ生成もPHPが都度動いているので、静的HTMLやMovableTypeと比較するとどうしても遅くなりがちです。 それでも、動的にコンテンツ生成できてカスタマイズが自由自在なWordPressを使いたい人は多いと思います。そこで、WordPressを劇的とまではいかずとも、最大限に速くするための改善策を試してみたので、ご紹介したいと思います。 特に、ロリポップやさくらレンタルサーバのように、ワンコインで借りられる格安レンタルサーバを使ってWordPressを動かしている方には役立つ内容になっています。 ちなみに当ブログでは元々ロリポップで運営していたのですが、リニューアルに伴い現在はXServerを使っています。 ロリポップ時代に培ったノ
WebPJS - Google's new image format WebP for not supported browsers (with alpha-channel)
WebPJS Home Examples & Downloads Examples without WebPJS Libwebpjs Introduction libwebpjs first release libwebpjs 0.1.2 libwebpjs 0.1.3 NEW!!! libwebpjs 0.6.0 NEW!!! PIK in JavaScript Update!!! butteraugli.js Libwebpjs (lossless) Example WebM JavaScript Decoder Example --> Source Code Ogg Vorbis JavaScript Decoder Example --> Source Code
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
NILAM189 ^ Hanya Di Sini Bisa Menjadi Jutawan!
Siap meraih kekayaan besar? NILAM189 adalah tempat terbaik untuk kamu yang ingin mengejar impian menjadi jutawan! Dengan koleksi game seru, peluang menang besar, dan bonus melimpah, setiap permainan di sini memberi kamu kesempatan untuk meraih kemenangan maksimal. Jangan tunggu lama, gabung sekarang dan buktikan sendiri kenapa NILAM189 adalah pilihan para pemain yang ingin sukses besar! Yang di Ma
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
コントロール | Maps JavaScript API | Google for Developers
コントロールの概要 Maps JavaScript API によって表示される地図には、ユーザーが地図を使用できるようにする UI 要素が含まれています。こうした要素はコントロールと呼ばれます。アプリケーションには、さまざまなコントロールを組み込むことができます。または何も設定せずに、Maps JavaScript API にすべてのコントロールの動作処理を任せることもできます。 次の地図は、Maps JavaScript API によって表示されるデフォルトのコントロール セットが表示されています。 以下は、地図で使用できるコントロールの一覧です。 ズーム コントロールには、地図のズームレベルを変更する [+] ボタンと [-] ボタンが表示されます。デフォルトの表示位置は地図の右下です。 カメラ コントロールにはズームとパンの 2 つのコントロールがあり、ベータ版のチャンネルを使うと、
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
初めてのHTML5ゲーム作成
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告（Google Adsense社の広告）サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
Google AJAX Feed APIでRSSフィードを表示
【JavaScript】 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKeyを入力"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("RSSフィードのURLを入力"); <!--表示したいエントリー数--> feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i <
AJAX Libraries API - Google Code
What is the AJAX Libraries API? The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including: jQuery jQuery UI prototype scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エックスサーバーの 「mod_pagespeed設定」で Google のサイト高速化ツールをインストールしよう！ | WordPress & Lifelog
サイオステクノロジー株式会社