Lazy-loaded Image

Write tests to ensure your queries are optimized:

   use Illuminate\Support\Facades\DB;

   public function testPostQueryIsOptimized()
   {
       DB::enableQueryLog();

       $posts = Post::with('author')->get();

       $queries = DB::getQueryLog();
       $this->assertCount(2, $queries); // One query for posts, one for authors
   }

In this example, LazyComponent is only loaded when it’s needed, and a loading message is displayed while it’s being fetched.

You can also split your code into smaller bundles that are loaded on demand. This is particularly useful for large applications with many routes or components.