In this story, we are going to share 6 simple steps that all you need in your Laravel apps to speed up navigation by enabling Turbolinks. This will speed up your website to render pages fast.
What are Turbolinks?
Turbolinks make navigation in your web application faster. With Turbolinks, your app will look like a Single Page Application, which is a great added benefit for the user experience. While at the same time, there is no need to sacrifice on SEO.
Mostly for Single Page Applications or Ajax driven pages, there is a big drawback that Google crawlers see an empty page empty. Therefore, the content that gets loaded by Ajax is not indexed.
Of course, frameworks like Vue now allow Server Side rendering. In that case, you are managing 2 vhosts on your server with a reverse proxy.
In this tutorial, we’ll go through simple steps for your Laravel app to work with Turbolinks.
Without and with Turbolinks visualization.
■ Without Turbolinks :(
