Cara Meningkatkan Kecepatan Loading Website Laravel dan WordPress hingga Skor 90+

Website Laravel dan WordPress yang lambat dapat menurunkan konversi, sehingga penting untuk mengoptimalkan loading hingga mencapai skor 90+ pada Google PageSpeed Insights.

Langkah Persiapan Umum

1. Pastikan server menggunakan PHP 8.2 atau lebih tinggi dan web server Nginx/Apache yang terbaru.
2. Gunakan HTTPS dengan sertifikat Let’s Encrypt untuk aktivasi HTTP/2.

Optimasi Laravel

1. Aktifkan mode produksi.

   Ubah .env:

   APP_ENV=production
   APP_DEBUG=false
   CACHE_DRIVER=redis
   QUEUE_CONNECTION=redis
   SESSION_DRIVER=redis
   

   Jalankan perintah:

   php artisan config:cache
   php artisan route:cache
   php artisan view:cache
   

2. Optimalkan autoload Composer.

   composer install --optimize-autoloader --no-dev
   

3. Gunakan cache Redis untuk query dan view.

   Contoh konfigurasi config/cache.php:

   'default' => env('CACHE_DRIVER', 'redis'),
   'stores' => [
       'redis' => [
           'driver' => 'redis',
           'connection' => 'cache',
       ],
   ],
   

4. Compress asset dengan Laravel Mix.

   Tambahkan pada webpack.mix.js:

   mix.js('resources/js/app.js', 'public/js')
      .sass('resources/sass/app.scss', 'public/css')
      .options({
          terser: { extractComments: false },
          postCss: [require('cssnano')()]
      })
      .version();
   

   Jalankan:

   npm run production
   

5. Enable HTTP/2 push (Nginx).

   Tambahkan pada server block:

   http2_push_preload on;
   push_preload on;
   push "/css/app.css";
   push "/js/app.js";
   

Optimasi WordPress

1. Setel WP_ENV ke production.

   Tambahkan ke wp-config.php:

   define('WP_ENV', 'production');
   define('WP_DEBUG', false);
   

2. Gunakan plugin caching yang ringan, contoh WP Rocket atau LiteSpeed Cache.

   Aktifkan:

   wp plugin activate wp-rocket
   

3. Optimalkan gambar secara otomatis.

   Instalasi dan konfigurasi wp-cli untuk imagify:

   wp plugin install imagify --activate
   wp imagify bulk --yes
   

4. Minify dan combine CSS/JS.

   Tambahkan ke functions.php:

   function anmedia_optimize_assets() {
       if (!is_admin()) {
           wp_dequeue_style('wp-block-library');
           wp_enqueue_style('theme-style', get_stylesheet_uri(), [], wp_get_theme()->get('Version'));
           wp_enqueue_script('theme-js', get_template_directory_uri() . '/js/main.min.js', [], null, true);
       }
   }
   add_action('wp_enqueue_scripts', 'anmedia_optimize_assets');
   

5. Aktifkan objek cache dengan Redis.

   Tambahkan ke wp-config.php:

   define('WP_REDIS_HOST', '127.0.0.1');
   define('WP_REDIS_PORT', 6379);
   define('WP_CACHE_KEY_SALT', 'anmedia_');
   define('WP_CACHE', true);
   

   Dan instal plugin Redis Object Cache:

   wp plugin install redis-cache --activate
   

Pengujian dan Verifikasi

• Jalankan ab -n 100 -c 10 http://domain.com/ untuk mengukur response time.
• Gunakan pagespeed-cli atau Google PageSpeed Insights untuk memverifikasi skor di atas 90.

“Dengan kombinasi caching Redis, asset minification, dan HTTP/2 push, kami di AN Media berhasil meningkatkan skor PageSpeed dari 68 menjadi 93 dalam 48 jam.” – Tim Performance AN Media

Kesimpulan & Call to Action

Dengan mengikuti 10 langkah di atas, website Laravel atau WordPress Anda akan lebih ringan, responsif, dan siap bersaing di pasar digital. Hubungi AN Media untuk audit performa gratis dan implementasi lanjutan.