Dokumen ini dibuat untuk membantu pengguna Framer di Indonesia yang mengalami kesulitan karena kekurangan referensi berbahasa Korea. Para pengguna Framer, semoga ini bisa membantu Anda.

Framer kini telah memperbarui sistemnya untuk mengoptimalkan setiap halaman secara otomatis saat pertama kali dikunjungi, bukan seluruh situs. Saat Anda mempublikasikan situs, tidak perlu lagi mengoptimalkan ulang setiap halaman, memungkinkan kecepatan pemrosesan yang lebih cepat, kinerja yang konsisten, dan kualitas SEO yang sempurna secara bersamaan.

Apa itu optimasi?

Situs yang dibuat dengan Framer adalah aplikasi JavaScript berbasis React yang dirender di browser. Untuk kecepatan, SEO, dan struktur yang ramah AI, Framer merender halaman di server terlebih dahulu. Proses ini membebaskan browser atau crawler dari harus merender langsung, sehingga kecepatan pemuatan halaman menjadi jauh lebih cepat. Metode ini dikenal sebagai Server-Side Rendering (SSR).

Sebelumnya, ketika mempublikasikan situs, semua halaman di-load dan dioptimalkan sekaligus. Namun kini Framer menyediakan fitur fleksibel seperti dukungan multibahasa (Localization) dan pengujian A/B. Karena satu halaman dapat dibuat dalam berbagai versi, merender semua halaman sekaligus bukan hanya tidak efisien, melainkan praktis tidak mungkin.

Optimasi Dinamis (Dynamic Optimization)

Framer telah sepenuhnya meningkatkan cara dan waktu pengoptimalan halaman. Ketika situs dipublikasikan, semua halaman tidak lagi dioptimalkan sekaligus. Sebaliknya, ketika pengguna mengunjungi halaman pertama kali, halaman tersebut secara otomatis dioptimalkan dan hasil optimalisasi disimpan dalam cache hingga versi baru diterbitkan.

Berkat metode baru ini, waktu optimalisasi yang sebelumnya bisa memakan lebih dari 1 menit pada situs besar hampir sepenuhnya hilang. Tidak peduli seberapa banyak halaman, pada kebanyakan kasus, optimasi selesai dalam waktu kurang dari 1 detik.

Untuk memastikan sistem ini berfungsi dengan baik, Framer telah secara signifikan meningkatkan kecepatan rendering halaman tunggal. Meskipun kunjungan pertama hanya mencakup 0,01% dari total lalu lintas, kami yakin pengalaman satu kali itu penting. Untuk itu, cara rendering situs dirancang ulang dari awal, dan kami memperkenalkan bundler dan compiler untuk perbaikan kinerja yang mendasar.

Selain itu, Framer mengidentifikasi halaman populer yang paling sering dikunjungi pengguna berdasarkan data analisis (Analytics). Dengan demikian, halaman tersebut dioptimalkan sebelumnya (Pre-Optimization) sebelum pengunjung benar-benar mengaksesnya, memastikan kecepatan akses pertama makin cepat dan mulus.

Penerapan Bertahap (Rollout)

Fitur pengoptimalan otomatis per halaman Framer akan diterapkan secara bertahap ke semua situs selama bulan Oktober 2025. Pengguna tidak perlu mengubah pengaturan atau mengambil tindakan tambahan.

Jika label status baru di bawah ini muncul, berarti situs Anda sudah menggunakan metode Optimasi Sesuai Permintaan (On-Demand Optimization).

• Pre-Optimizing (Optimizing sebelumnya): Tahap di mana halaman utama dioptimalkan lebih dulu saat menyiapkan optimasi otomatis per halaman

• Ready (Optimized sebelumnya): Halaman utama sudah sepenuhnya dioptimalisasi, dan halaman lain siap untuk dioptimalkan secara otomatis saat dibutuhkan

Hal-Hal yang Perlu Diketahui (Things to Know)

Berikut adalah beberapa informasi yang mungkin berguna bagi pengguna yang ingin memahami detail teknis operasional.

Segera setelah situs dipublikasikan, semua halaman dalam keadaan baru dibuat. Oleh karena itu, menggunakan alat pengukur kecepatan pada saat ini mungkin menampilkan hasil lebih lambat dari yang sebenarnya. Namun, indikator kinerja gabungan seperti CrUX (Chrome User Experience Report) tidak terpengaruh karena sebagian besar pengunjung akan melihat halaman yang sudah dioptimalkan.

Selain itu, ketika crawler yang tidak menjalankan JavaScript (misalnya beberapa bot AI atau media sosial) mengunjungi situs, jika halaman belum dioptimalkan, versi yang terbaru dan telah dioptimalkan akan disediakan. Hal ini memastikan fitur pengoptimalan otomatis per halaman Framer juga sepenuhnya kompatibel dengan platform AI dan media sosial.

Karena dua alasan ini, perubahan ini tidak memberikan dampak negatif bagi SEO. Sebaliknya, lebih banyak halaman bisa di-rerender di awal (Pre-rendering), dan berbagai opsi dan variasi dinamis bisa diterapkan demi memberikan pengalaman yang dipersonalisasi kepada pengunjung. Sehingga, peningkatan visibilitas pencarian dan peningkatan kualitas situs diharapkan dapat terjadi.

Selain itu, jika dalam proses optimasi dinamis terjadi kesalahan yang berdampak signifikan pada halaman, Framer akan segera mengirimkan pemberitahuan melalui email ke pengguna. Kasus ini sangat jarang terjadi, dan kebanyakan peringatan (misalnya kesalahan terkait tautan bersarang atau kode kustom) hanya mempengaruhi bagian dari halaman tanpa menyebabkan masalah besar pada seluruh performa.

Artikel ini adalah konten hasil terjemahan dan pengadaptasian dari ‘Dynamic Optimization’ di blog resmi Framer.