Model-viewer становится белым при перезагрузке страницы потому, что браузер временно удаляет и затем повторно отображает элемент model-viewer. Это происходит из-за специфики работы браузера и загрузки элементов.
Чтобы избежать отображения белого прямоугольника при перезагрузке страницы, можно скрыть элемент model-viewer с помощью JavaScript до того, как страница полностью загрузится. Для этого можно использовать следующий код:
```javascript
<script>
document.addEventListener("DOMContentLoaded", function() {
var modelViewer = document.getElementsByTagName("model-viewer")[0];
modelViewer.style.display = "none";
});
</script>
```
Такой код будет скрывать элемент model-viewer до того, как страница полностью загрузится, и тем самым избежать отображения белого прямоугольника при перезагрузке.
Однако, следует иметь в виду, что это временное решение, и скрытие элемента model-viewer может вызвать проблемы с его последующим отображением. Желательно рассмотреть и другие подходы к улучшению загрузки и отображения элемента model-viewer, такие как оптимизация загрузки модели или использование прелоадеров.