Lompat ke konten

Tools

Kumpulan tools yang benar-benar kami pakai untuk mengukur performa, mengoptimasi gambar, memeriksa SEO, dan membangun website — dengan catatan kapan masing-masing berguna.

Semua tautan di halaman ini menuju situs pihak ketiga dan terbuka di tab baru. Tidak ada tautan afiliasi.

Ukur Performa

Sebelum memperbaiki kecepatan, ukur dulu. Empat alat ini yang kami buka setiap kali mengaudit sebuah situs.

Panduan Core Web Vitals
  • Lab data + data pengguna sungguhan (CrUX). Selalu cek tab mobile lebih dulu.

    pagespeed.web.dev
  • WebPageTest

    Freemium

    Uji dari lokasi dan kecepatan jaringan tertentu — berguna untuk menguji dari Jakarta atau Singapura.

    webpagetest.org
  • Wajib untuk setiap situs. Pantau indeks, kata kunci, dan laporan Core Web Vitals.

    search.google.com
  • Sudah ada di browser Anda. Jalankan pada build produksi, bukan dev server.

    developer.chrome.com

Optimasi Gambar

Gambar biasanya menyumbang 60–70% berat halaman. Ini titik perbaikan dengan hasil tercepat.

  • Squoosh

    Gratis

    Kompresi dan konversi ke WebP/AVIF langsung di browser. Tidak ada yang diunggah ke server.

    squoosh.app
  • SVGOMG

    Gratis

    Membersihkan file SVG dari metadata editor. Sering memangkas 50% ukuran logo.

    jakearchibald.github.io
  • Sharp

    Gratis

    Untuk konversi batch di dalam pipeline build, bukan satu per satu.

    sharp.pixelplumbing.com

SEO & Structured Data

Fondasi teknis SEO bisa diperiksa sendiri. Ini alat yang kami pakai untuk memverifikasinya.

Panduan website bisnis pertama
  • Memeriksa apakah data terstruktur (Schema.org) Anda terbaca Google.

    search.google.com
  • Referensi resmi tipe data terstruktur — Article, Product, LocalBusiness, dan lainnya.

    schema.org
  • Untuk bisnis dengan lokasi fisik, ini sering lebih berdampak dari SEO on-page.

    business.google.com

Membangun & Hosting

Stack yang kami pakai untuk membangun dan mengirim situs ke produksi.

Stack harian kami
  • Astro

    Gratis

    Framework untuk situs berbasis konten. Halaman dikirim sebagai HTML, JS hanya seperlunya.

    astro.build
  • Laravel

    Gratis

    Untuk aplikasi web dengan database, autentikasi, dan pekerjaan latar belakang.

    laravel.com
  • Styling berbasis utility. CSS yang dikirim hanya kelas yang benar-benar dipakai.

    tailwindcss.com
  • Cloudflare

    Freemium

    DNS, CDN, dan SSL. Hampir selalu layak dipasang di depan hosting apa pun.

    cloudflare.com
  • Next.js

    Gratis

    Framework React dengan rendering server-side. Pilihan yang tepat saat proyek benar-benar butuh ekosistem React yang dalam.

    nextjs.org
  • Payload CMS

    Freemium

    Headless CMS berbasis TypeScript. Tim editorial dapat panel admin, tim developer dapat REST + GraphQL API otomatis.

    payloadcms.com

Analitik & Uptime

Anda tidak bisa memperbaiki apa yang tidak diukur — dan tidak bisa memperbaiki downtime yang tidak Anda ketahui.

  • Standar industri. Perlu banner persetujuan cookie di banyak yurisdiksi.

    analytics.google.com
  • Plausible

    Berbayar

    Alternatif ringan tanpa cookie. Skripnya jauh lebih kecil dari GA.

    plausible.io
  • UptimeRobot

    Freemium

    Memberi tahu Anda situs turun sebelum pelanggan yang memberi tahu.

    uptimerobot.com

Tidak sempat mengurus sendiri?

Kami menjalankan audit performa dan SEO teknis sebagai bagian dari setiap proyek — dan sebagai pekerjaan terpisah untuk situs yang sudah berjalan.

Dapat kabar tiap ada tulisan baru

Tidak ada spam. Hanya artikel baru dan catatan proyek, sesekali dalam sebulan.