スパへの他の方法

それは確かに韻を踏んだ！

最近、私はポッドキャストで、WordPressがTurbolinksを統合することで利益を得ることができることを提案しました。コンセプトは簡単です：

1. 初期サイトビルドにサーバー側のレンダリングを活用します。
2. Turbolinksは、同じオーリジンリンクのクリックをインターセプトします。
3. Ajaxを使用して、新しいページのHTMLを取得し、フルページのリロードなしで現在のコンテンツを置き換えます。

基本的に、これにより、サーバーレンダリングアプリケーションを最小限の複雑さで単一ページアプリケーション（SPA）に変換します。

利点は？速度が向上しました。フルページのリフレッシュは、スパの相互作用よりも著しく遅くなる場合があります。 Turbolinksは比較的成熟した技術ですが、非常に効果的なままです。 HoneybadgerのTurbolinksへの移行に関するStarr Horneの最近のブログ投稿はこれを強調しています。

Honeybadgerはスパではなく、おそらく決してそうなることはありません。スパは私たちの技術的なニーズと一致しないでください。これらの要因を考慮してください：

• 当社のアプリケーションは主に静的情報を表示します。
• 重要なデータを処理して、個々のエラーレポートを生成します。
• 4人の開発者の小さなチームは、簡潔でシンプルなコードベースを優先します。

...私たちは、JavaScriptのオーバーヘッドなしでスパのようなパフォーマンスを提供する長年にわたって成功したアプローチを使用してきました...キーは、完全なスパの複雑さなしにスパ速度を達成することです。

これは、WordPressについての私のポイントを反映しています。サーバーレンダリングされたデフォルトは優れていますが、Turbolinksのような単純な拡張機能はパフォーマンスを高める可能性があります。ただし、追加することはオプションのままです。

サーバー側のレンダリングのみに固執することは、本質的に欠陥はありません。軽量ページと効果的なキャッシュは、パフォーマンスの問題を軽減できます。

Chromeの最近の革新も関連しています。

• 「ペイントホールド」は、ページのロード間の空白の画面フラッシュを最小限に抑えます。
• 「ポータル」要素は、リロードなしのページ間のよりスムーズな遷移を容易にします。ここでは、アクセシビリティの考慮事項が重要です。

このアプローチ（Server-SideレンダリングがSpaのような機能で強化された）は、next.jsやGatsbyなどのフレームワークの人気に貢献しました。

ただし、真のスパの力を見落とさないようにしましょう。多くの場合、ネットワークレイテンシは主要なWebサイトパフォーマンスボトルネックです。アプリケーションが（大きなHTMLチャンクの代わりに）小さなデータパケットを転送するように設計されており、最小限のDOM要素を効率的に再レン​​ダリングする場合、パフォーマンスの向上は重要です。警告は、JavaScript自体がボトルネックになる可能性があるということです。

課題はトレードオフにあります。完全なスパはサーバー側のレンダリングを排除することがよくありますが、SPA機能を使用してサーバーレンダリングアプリを「補給」すると、JavaScriptでメインスレッドを過負荷できます。

幸いなことに、さまざまなレンダリングオプションにより、柔軟なアーキテクチャの選択が可能になります。

以上がスパへの他の方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。