Weird order of metatags

Need Help
#1

Hello,
When I first load a page the metatags are in the wrong order and causes some issues:

<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" media="all">
<link href="https://fonts.bunny.net/css?family=rubik:300,500,700,400" rel="stylesheet" media="all">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test site</title>
<meta name="description" content="">
<meta name="title" content="">
</head>

When I reload the page, it’s fine again.

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test site</title>
<meta name="description" content="">
<meta name="title" content="">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" media="all">
<link href="https://fonts.bunny.net/css?family=rubik:300,500,700,400" rel="stylesheet" media="all">
</head>

I’m running the latest version of octobercms 3.0.59.
Does someone have a hint for this issue?

edit: seems to be a routing issue. when I access directly a page it’s fine. It’s only when I go through a link that I get this issue

#2

Hi and welcome @Pixinside,

This is likely caused by the turbo routing system that makes the page load faster.

What issues are you getting from the wrong load order?

#3

I have some javascript loading in the header (unfortunately I can’t put it in the footer), and the order seems to be an issue. Is it possible to disable the turbo routing?

edit: I found the tag to disable the turbo routing
<meta name="turbo-visit-control" content="disable" />
and it seems to resolve the issue.

1 Like