//Javascript
AsynchronousおよびDeferred Javascriptでウェブサイトの速度を最適化する
ほとんど、いや、現代のウェブサイトはすべて、過剰なJavascriptを使用しています。ソーシャルメディアのボタン？プラグイン？テーマさえも？90％の場合、スクリプトが埋め込まれています。あなたはスクリプトを実行しています。スクリプトはページの読み込み速度を遅くします。ここでは、この問題を解決するための2つのプラグインを紹介します。 Webmasterからのメモ AsynchronousおよびDeferred 覚えておくべき3つのこと： 基本的に、パーサーはHTMLを読み込む段階で止まります ネットワークはスクリプトが呼び出されてから読み込まれるまでの時間です 実行は、スクリプトがユーザーのブラウザで実行される時間です。 基本的に、ウェブサイトの通常のプロセスは、スクリプトが実行されている間にHTMLの解析を一時停止します。もしあなたのウェブサイトが私と同じようであれば、それはユーザーがHTML（ウェブサイトの本体コード、デザイン、コンテンツなど）を見るまでにかなりの遅延があることを意味します。これがスクリプトを読み込む通常のプロセスです： スクリプトをDeferredすることは、HTMLがユーザーのブラウザで読み込まれる前にスクリプトを実行しないことです。これにより、ウェブサイトがユーザーのブラウザで即座に表示され、読み込み速度が非常に速いように感じさせます。アドバイスとしては、すべてのユーザーが非同期スクリプト読み込みをサポートしていない場合にDeferredを使用することです。Deferredスクリプトは次のように動作します： 非同期スクリプトの読み込みは最も良い選択肢です。HTMLの解析とスクリプトの読み込みは同時に実行されますが、スクリプトは準備が整ったときにのみ実行されます。これにより、最も少ない読み込み時間で済みます。しかし、すべてのブラウザが非同期スクリプトの読み込みをサポートしているわけではありません。非同期のプロセスは次のように動作します： もちろん、私のアドバイスは、スクリプトをDeferredと非同期の両方で最適化することです。これを実現するために、次のガイドラインに従うことができます： W3C Editor’s Draft (HTML 5.1 nightly). これらの属性を使用する場合、3つのモードから選択できます。async属性が使用されると、スクリプトは非同期で実行され、準備ができ次第実行されます。async属性がない場合、defer属性があれば、スクリプトはページの解析が終了した後に実行されます。どちらの属性もない場合、スクリプトはページが解析される前に即座にフェッチされ、実行されます。 どこから始めるべきか？ 非同期Javascriptは最適な選択肢なので、WordPressのプラグインで非同期Javascriptを検索します。 こちらをクリックしてプラグインページに移動。ダウンロードしてインストールすれば、すぐに使用できます。プラグインの中には、一部で競合が発生することがあります。特にスライダーを使用している場合に問題が発生することがあります。WordPressのバックエンド設定には、インストール後に設定をカスタマイズするオプションがあります。非同期Javascriptに干渉してほしくないスクリプトを除外することができます。 次にDeferred Javascriptです。調べた結果、同名のプラグインが最良であることがわかりました。私が推奨するDeferred JavascriptプラグインはWP Deferred Javascriptです。 こちらをクリックしてWP Deferred Javascriptsプラグインページに移動。ダウンロードしてインストールしてください。このプラグインには便利なオプションはありませんが、非同期Javascriptがサポートされていないブラウザで役立ちます。 参考文献： seo-hacker.com
もっと見る- 71 ビュー
- 0 コメント
JavaScriptでカンマ区切りの数字を表示する方法
function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”); } これだけで必要なことはすべてです。 この正規表現は、2つの先読みアサーションを使用します。1つは、文字列内の3桁ごとの数字が並んでいる場所を探すための肯定的なアサーションで、もう1つはその場所に正確に3桁の数字しかないことを確認するための否定的なアサーションです。置換式では、カンマをその場所に挿入します。 例えば、”123456789.01″を渡すと、肯定的なアサーションは7の前の位置（”789″が3桁の倍数だから、”678″も、”567″も同様）で一致します。否定的なアサーションは、その3桁の数字の後に数字がないことを確認します。”789″の後にピリオドがあるため、3桁の数字の倍数であり、カンマが挿入されます。”678″は3桁の数字ですが、後に”9″があるため、それら3桁は4桁のグループの一部となり、カンマは挿入されません。”567″も同様です。”456789″は6桁であり、3の倍数なのでその前にカンマが挿入されます。”345678″は3の倍数ですが、後に”9″があるためカンマは挿入されません。などなど。”\B”は、正規表現が文字列の先頭にカンマを挿入するのを防ぎます。 @neu-rahは、この関数が小数点以下3桁以上の数字があるときに不要な場所にカンマを追加すると指摘しました。これが問題であれば、次の関数を使用できます： function numberWithCommas(x) { var parts = x.toString().split(“.”); parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, “,”); return parts.join(“.”); } クレジット : https://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript
もっと見る- 55 ビュー
- 0 コメント
AJAXとは
AJAXとは? AJAX = 非同期JavaScriptとXML。 簡単に言うと、AJAXはデータをバックグラウンドでロードし、ページ全体をリロードすることなくウェブページに表示する技術です。 AJAXを使用しているアプリケーションの例: Gmail、Google Maps、YouTube、Facebookのタブなど。 AJAXの詳細については、私たちのAJAXチュートリアルで学ぶことができます。 jQueryとAJAXについてはどうでしょうか? jQueryは、AJAX機能のためにいくつかのメソッドを提供しています。 jQueryのAJAXメソッドを使うと、HTTP GetおよびHTTP Postの両方を使用してリモートサーバーからテキスト、HTML、XML、またはJSONをリクエストし、外部データをウェブページの選択したHTML要素に直接ロードすることができます！ jQueryなしでAJAXをコーディングするのは少し難しいです！ 通常のAJAXコードを書くのは少し難しいことがあります。なぜなら、異なるブラウザではAJAX実装の構文が異なるためです。これにより、異なるブラウザ用にテストするための余分なコードを書く必要があります。しかし、jQueryチームはこれを私たちのために処理してくれているため、AJAX機能を1行のコードで書くことができます。
もっと見る- 50 ビュー
- 0 コメント
福利厚生
社員の感情・願望を理解しているので、リバークレーンベトナムは特に年2回の定期昇給制度を設けています。毎年6月と12月に評価を行い、毎年1月と7月に給与が変更されます。また、社員は月次と年次の優秀な個人には定期的な業績賞与が別で支給されます。
チームビルディング・ファミリーデー・お夏休み・中秋節などのイベントはチーム内のメンバーが接続出来るしお互いに自分のことを共有出来る機会です。ご家族員に連携する際にはそれも誇りに言われています。
