Prevent flicker during page load

Sometimes icons might flicker during load.

Usually it is caused by slow pages.

If your page is large or your server is slow or visitor's internet connection is slow, it might take a while for page to load.

If you have placed Iconify script in footer before </body>, it might take a while for browser to initialize Iconify, so your visitors will see empty places where icons are supposed to be.

How to fix that? Move Iconify script to header between <head> and </head>.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Your page title</title>
    <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
    <!-- the rest of your header here -->
</head>
<body>
<!-- page content here -->
</body>
</html>