php - Less.js はスタイルの読み込みに 1 秒かかります

Question

私の質問は、このページhttp://www.executivetravelholdings.comにアクセスすると、ページのスタイルがすぐに読み込まれるということです。通常のcssを使用した場合のようにロードしたい。頭にlessスタイルシートがあり、体の下部にless.jsがあります。私は、html の代わりに less.js 1.3.3 と PHP を使用しています。これについての助けをいただければ幸いです。

Answer 1

スクリプトは最初に css を解析する必要があるため、ネイティブ css ほど高速になることはありません。ただし、この FOUC の強力な形式は、本文に提供するスクリプトが少ないため、スタイルが変換および適用される前に完全なドキュメントがレンダリングされるという事実に由来します。less.js解決策は、スクリプトを headに入れることです。はい、これによりページの読み込みプロセスが遅くなりますが、これはより良いトレードオフだと思います.

個人的には、(少なくとも実稼働環境では) js バージョンを使用することは決してありませんが、スタイルは常にサーバー側で処理します。ユーザーが JavaScript をブロックしているか、JavaScript をまったく使用できないとします。

Answer 2

少なくともすべてのオブジェクトを適切な場所に配置し、書式設定が単純なバックアップ スタイルシートを用意します。

そうすれば、キックが少なくても、変化はそれほど目立ちません.

また、ユーザーのブラウザーとサーバー (可能な場合) によって、less.js の出力がキャッシュされます。そうすれば、ナビゲーションも改善されます。