# 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:** 2

<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, 8:35pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/21 "2018-07-24T20:35:17Z")

</div>

That is the next big thing to tackle. Right now you can’t! 😛

Regarding the 404 link, yes - it totally needs to be different. The last time that file was touched was sometime in 2004. I kinda deliberately dragged my feet on fixing that one for nostalgic reasons. I think this 404 page needs to be updated but still pay respect to the old pixel-themed look somehow. Or maybe not.

---

<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, 9:31pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/22 "2018-07-24T21:31:52Z")

</div>

Also, does this mean the site is now over **10x** faster than what we started with??

---

<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, 10:18pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/23 "2018-07-24T22:18:43Z")

</div>

I forget what the initial times were, but that sounds reasonable. I would guess we were somewhere in the 2 second range back then.

---

<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, 10:28pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/24 "2018-07-24T22:28:06Z")

</div>

I was going by the red Load times seen at the bottom of the pictures posted throughout the thread.

---

<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 25, 2018, 2:45am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/25 "2018-07-25T02:45:29Z")

</div>

I totally missed that! You are right. The site now does load 10X faster, for my internet connection hasn’t changed from the time the first post was made.

---

<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 27, 2018, 6:44pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/26 "2018-07-27T18:44:18Z")

</div>

Split this topic on July 27, 2018, 6:44pm UTC

5 posts were split to a new topic: [Dropping by from a long time ago!](https://forum.kirupa.com/t/dropping-by-from-a-long-time-ago/638549)

---

<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 28, 2018, 3:58am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/27 "2018-07-28T03:58:27Z")

</div>

The forums now have a shared header with the main site. I replaced the right side from the main site with the forums-specific search/menu/profile item instead.

😄

---

<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 30, 2018, 9:15pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/28 "2018-07-30T21:15:11Z")

</div>

It’s going to take me a while to get used to clicking on “forum” and not the kirupa title to go back to the main forum listing :trout:

---

<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 31, 2018, 1:38am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/29 "2018-07-31T01:38:47Z")

</div>

Same here! I have yet to successfully remember haha.

---

<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:** [August 2, 2018, 6:03pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/30 "2018-08-02T18:03:01Z")

</div>

One more update. This time, the overall page weight is down to under 70KB, thanks to optimizing a few PNGs and using lighter-weight SVGs.

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

Next up on my list of things to address are making navigation between tutorials and their associated Learn section (where they can browse other related tutorials) easier. Also, I think I will remove the “Newsletter sign-up” UI from the right and replace it with a running feed of new Forum Topics.

---

<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:** [August 2, 2018, 7:00pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/31 "2018-08-02T19:00:52Z")

</div>

Soon, [kirupa.com](http://kirupa.com) will be giving _you_ bandwidth!

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [August 3, 2018, 5:12am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/32 "2018-08-03T05:12:28Z")

</div>

K-man faster & lighter – I thought this was about you being in contention for the Ironman Triathlon or something. Instead I can get rid of the cable internet and proceed to dialup soon.

---

<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:** [August 3, 2018, 5:16am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/33 "2018-08-03T05:16:58Z")

</div>

Haha! I am as far from being in contention for the Ironman Triathlon as it gets right now. I do go to the gym regularly, but I also enjoy tasty food - which kind of negates the gymming! 🏋️‍♂️

---

<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:** [August 3, 2018, 3:31pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/34 "2018-08-03T15:31:37Z")

</div>

As [kirupa.com](http://kirupa.com) shrinks, kirupa.irl expands

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [August 6, 2018, 9:49pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/35 "2018-08-06T21:49:10Z")

</div>

> [@kirupa](#):
>
> I do go to the gym regularly, but I also enjoy tasty food - which kind of negates the gymming! 🏋️‍♂️

Ha, ha me too. I rep out a lot of fork and spoon curls, but I do high reps so I don’t add bulk.  
🍴🥄😅

---

<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:** [September 13, 2018, 5:36am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/36 "2018-09-13T05:36:48Z")

</div>

Any chance you can make the header `position: sticky` on the forums?

---

<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:** [November 18, 2018, 10:16pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/37 "2018-11-18T22:16:23Z")

</div>

I totally missed this, kril! I’ll see what I can do, but it might be a bit tricky since a part of the UI (top-right corner) is created by discourse and I trick our header into thinking it is a part of the discourse header.

---

<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:** [June 5, 2019, 6:11am UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/38 "2019-06-05T06:11:34Z")

</div>

Native lazy loading of images is all the rage these days. I had no interest in writing custom code to implement it, but [Chrome is now planning to support it by default](https://addyosmani.com/blog/lazy-loading/). I decided to give a spin on how much that would benefit a typical article on the site.

This is the size of the Hanging Indents article without lazy loading:

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

This is the size of the same article with lazy loading enabled:

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

The changes seem very minor, so I wonder if I am making a mistake in setting it up.

EDIT: From further testing, it does seem to work as expected. I think in this case, the article doesn’t have enough images where the optimization would show major benefits. It’s not like this demo where the change between lazy and non-lazy loading is extremely obvious: [loading=lazy demo](https://mathiasbynens.be/demo/img-loading-lazy)

---

<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:** [June 5, 2019, 1:42pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/39 "2019-06-05T13:42:25Z")

</div>

I think thats what you need to wrangle with: do I have enough images where this is more useful than it is annoying. I hate lazy loading, but for really graphically heavy content, I get it. I’m not sure anything here warrants it especially since larger topics are paged or broken up into different tutorials.

---

<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:** [June 5, 2019, 4:01pm UTC](https://forum.kirupa.com/t/kirupa-is-faster-and-lighter-than-ever/636280/40 "2019-06-05T16:01:38Z")

</div>

My only motivation is to avoid having the user download images if they don’t need it. Some of the screenshots I take nowadays are fairly large - partly because I am on a Retina screen, and partly because I am OK with keeping the image dimensions large for high-DPI screens. You mentioned in the past for me to use the `picture` element and provide low-dpi as well as high-dpi versions, but it is just something I’ve been dragging my feet on!

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

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