# KIRUPA is faster and lighter than ever!

**URL:** https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280
**Category:** random
**Created:** [March 23, 2017, 4:50am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280 "2017-03-23T04:50:18Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [March 23, 2017, 4:50am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/1 "2017-03-23T04:50:18Z")

</div>

After what might have been the most tense few hours of my life, both the main site and forums are now serving content to you using HTTP/2. This is part #1251 of the never-ending quest to make the site faster 😛

You can see the before:

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/7/7307d73ecfc6d0618bb38a267dad5b6fd2e1faeb.png)

And now the after:

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/a/ab67ace16b2d89d698b1562038adecd83f73912b.png)

Notice that the load time went from 3.29 seconds to 1.09 seconds. The amount of data transferred seemed to have doubled with HTTP/2, though. My initial guess was that GZIP was getting disabled, but from using a 3rd party site, that doesn’t seem to be the case. Do any you know why the amount of data transferred went from 325 KB to 597KB?

Independent of the file size issue, the site feels faster. Maybe it is just psychological. Who knows? 😛

Cheers,  
Kirupa

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [March 23, 2017, 1:04pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/2 "2017-03-23T13:04:24Z")

</div>

It does seem to be affecting every file making compression the likely candidate. Have you compared the headers in both cases? I mean those css files are significantly larger.

Edit: Awesome results by the way! Even with the additional file size!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [March 23, 2017, 8:49pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/3 "2017-03-23T20:49:33Z")

</div>

You are right! The default configuration is set only for HTML content to be compressed. I added the other image types to the list, and now the file size is around 50% at 300KB!

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/1/16f9e8d86d49d1db4dc14f1f9b1065d20d4fb149.png)

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [March 24, 2017, 12:19am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/4 "2017-03-24T00:19:28Z")

</div>



---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [March 24, 2017, 4:53am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/5 "2017-03-24T04:53:04Z")

</div>

> [@senocular](#):
>
> Awesome results by the way!

Agreed; it’s really noticeable!! Nice!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 19, 2018, 12:10am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/6 "2018-07-19T00:10:19Z")

</div>

Decided to do some more tweaking! Turned out gzip for SVGs was disabled. No longer an apples-to-apples comparison since the site has been redesigned, but it is still fun to keep tracking haha.

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/b/b147dbce14ca7c1089ccbaa979d1a12d320691f3.png)

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [July 19, 2018, 4:08am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/7 "2018-07-19T04:08:49Z")

</div>

Page size seems pretty great!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 19, 2018, 5:40am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/8 "2018-07-19T05:40:38Z")

</div>

😛

My goal is to get it even lower as part of revamping the design slightly. The biggest problem right now is that there is no way to see other related tutorials when viewing one. The navigation flow is pretty bad, and I haven’t forgotten your feedback about getting a shared header between the site and the forums!

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [July 19, 2018, 5:56am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/9 "2018-07-19T05:56:48Z")

</div>

> [@kirupa](#):
>
> The biggest problem right now is that there is no way to see other related tutorials when viewing one.

Something in the same design space as the See Alsos at the bottom of pages like this? [Responding to Requests to Delete Data | Apple Developer Documentation](https://developer.apple.com/documentation/cloudkit/responding_to_requests_to_delete_data)

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 19, 2018, 5:59am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/10 "2018-07-19T05:59:32Z")

</div>

Exactly! Something that accomplishes the same result. Another option is something similar to what this site used to do many years ago: [https://www.kirupa.com/developer/actionscript/shading.htm](https://www.kirupa.com/developer/actionscript/shading.htm)

There is a prev, index, and next that are similar.

😛

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [July 19, 2018, 6:14am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/11 "2018-07-19T06:14:07Z")

</div>

> [@kirupa](#):
>
> There is a prev, index, and next that are similar.

Yeah, I see what you mean. Depends whether the related items are intended to be consumed linearly, or in a random-access fashion.

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 21, 2018, 3:11pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/12 "2018-07-21T15:11:15Z")

</div>

Shaved another 40kb by simplifying the footer!

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/2/25fa77ade6116eb8752e545e6f11df3db788147d.png)

The next biggest file size culprits are the row of icons on the home page (which is less interesting since it is home page only) and Google Analytics (which is more interesting because it is site-wide).

I have AWS stats on the server enabled, and it gives me enough data on pageviews, 404’s, and so on. Because Google Analytics has a big client JS component, about 40kb is downloaded to the client. The amount of detailed analysis Google Analytics provides is years ahead of AWS, so I will be losing out on that data by removing Google Analytics completely. For the short term, keeping Google Analytics seems reasonable. Longer term, who knows? 🙈

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 22, 2018, 3:19am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/13 "2018-07-22T03:19:57Z")

</div>

Next up is migrating towards using prismjs for the code highlighting. It is faster, more lightweight, and contains some really nice features like line numbers 😛

The first article I’ve converted can be seen here: [https://www.kirupa.com/html5/css\_variables\_js\_win.htm](https://www.kirupa.com/html5/css_variables_js_win.htm)

Let me know what you all think of the code highlighting colors. I can change them fairly easily, so feel to throw up some ideas.

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [July 23, 2018, 3:39am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/14 "2018-07-23T03:39:38Z")

</div>

There’s too much padding all around in the grey rectangle, especially on the left side.

> [@kirupa](#):
>
> Next up is migrating towards using prismjs for the code highlighting. It is faster, more lightweight, and contains some really nice features like line numbers 😛

Just to be a thorn in your side: Have you thought about server-side rendering the syntax highlighting?

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 23, 2018, 1:31pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/15 "2018-07-23T13:31:28Z")

</div>

As for the extra padding, is this what you are referring to?

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/0/0e0174b9003c705e1c512220a0e51476cd7556ec.png)

For server-side rendering, I didn’t even think of that. Is there a particular solution that you like?

👻

---

<div class="post-metadata">

### Author: ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)
#### Post date: [July 23, 2018, 4:22pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/16 "2018-07-23T16:22:12Z")

</div>

I can’t believe I have to wait several milliseconds for a page to load. Please speed it up!!!

🙃

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 23, 2018, 4:33pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/17 "2018-07-23T16:33:34Z")

</div>

![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/0/607a2f4d71959a5a508f552ae36db3e53ec9b7a8.jpeg)

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 24, 2018, 2:14pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/18 "2018-07-24T14:14:39Z")

</div>

The site is now paired up with a CDN that will handle serving all the content, optimizing images on the fly, and so on! New numbers:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/8/856173a58b14ae0d439d7c14578f724f54111ac5.png)

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 24, 2018, 7:17pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/19 "2018-07-24T19:17:46Z")

</div>

Looking good! … how do I get to the main site from the forums again?

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 24, 2018, 7:22pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/20 "2018-07-24T19:22:11Z")

</div>

And 404 could use some new theme love

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/8/80945e989b31c7fd20f9e4ea4cd9cb6889274110.png)

[https://www.kirupa.com/poop.html](https://www.kirupa.com/poop.html)

[Next page](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280.md?page=2)
