csswizardry.github.com/index.html at master · csswizardry/csswizardry.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
---
layout: landing
title: Site-Speed Optimisation
masthead-title: Web Performance Optimisation, Consultancy, and Engineering
page-class: page--home
meta: "Award-winning web performance consultant Harry Roberts helps global brands optimise site speed through audits, consultancy, and training."
lux: Home
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [

    {
      "@id": "https://csswizardry.com/#org",
      "@type": "Organization",
      "name": "CSS Wizardry Ltd.",
      "url": "https://csswizardry.com/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://csswizardry.com/#logo",
        "url": "https://csswizardry.com/icon.png",
        "contentUrl": "https://csswizardry.com/icon.png"
      },
      "founder": { "@id": "https://csswizardry.com/#person" },
      "sameAs": [
        "https://twitter.com/csswizardry",
        "https://github.com/csswizardry",
        "https://www.linkedin.com/in/csswizardry/",
        "https://developers.google.com/profile/u/csswizardry"
      ],
      "contactPoint": [{
        "@type": "ContactPoint",
        "contactType": "Sales",
        "email": "mailto:csswizardry@gmail.com"
      }]
    },

    {
      "@id": "https://csswizardry.com/#person",
      "@type": "Person",
      "name": "Harry Roberts",
      "jobTitle": "Consultant Web-Performance Engineer",
      "url": "https://csswizardry.com/about/",
      "worksFor": { "@id": "https://csswizardry.com/#org" }
    }

  ]
}
</script>

<!--
  - Jump straight back out of wrapper mode on the home page.
  -->

</div><!-- /wrapper -->


{% include promo-home.html %}

{% include client-list.html %}

{% include carousel.html %}

<div class=wrapper>

<div class="layout  layout--large">
  <div class="layout__item  lap-and-up-one-half  desk-two-thirds" data-ui-component="Main content">

    <section class=post id=section:articles>

      <h2 class=heading>Web Performance and Site-Speed Insights</h2>

      <p>There are <b>{{ site.posts | size  }}</b> articles on this blog.
      Find them all on the <a href="/blog/">blog page</a>.</p>

      {% if paginator.page != 1 %}
      {% include pagination.html %}
      {% endif %}

      <ul class="list-ui  post__list  mb">
        {% for post in paginator.posts %}
        <li class=list-ui__item>

          {% if forloop.first == true %}

            <script type=speculationrules>

              {
                "prerender": [
                  {
                    "urls": [ "{{ post.url }}" ]
                  }
                ]
              }

            </script>

          {% endif %}

          <time class="post__date" datetime="{{ post.date | date: "%Y-%m-%d" }}">{{ post.date | date: "%-d %B, %Y" }}</time>
          <h3 class="post__title" style="view-transition-name: x-{{ post.date | date: '%Y-%m-%d' }}"><a href="{{ post.url }}">{{ post.title }}</a></h3>
        </li>
        {% endfor %}
      </ul>

      {% include pagination.html %}

    </section>

    <script>performance.mark('contentEnd')</script>
  </div

  ><div class="layout__item  lap-and-up-one-half  desk-one-third  c-sub-content" data-ui-component="Sub content">

    <div class="[ box  box--highlight ]  mb">
      {% include sub-content.html %}
    </div>

  </div>

</div>