---
layout: compress
---

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>{{site.title}}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="utf-8">
        <link rel="stylesheet" href="/assets/css/styles.min.css"/>
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,300|Roboto+Slab&subset=cyrillic,latin' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <div class="wrapper">
            {% include header.html %}
            {{ content }}
            {% include footer.html %}
        </div>
    </body>
</html>

---
layout: compress
---

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>{{site.title}}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="utf-8">
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,300|Roboto+Slab&subset=cyrillic,latin' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <div class="wrapper">
            {% include header.html %}
            {{ content }}
            {% include footer.html %}
        </div>
        <link rel="stylesheet" href="/assets/css/styles.min.css"/>
    </body>
</html>

Move css at the bottom
Move css at the bottom

Test preventing render-blocking in above-the-fold content
