blog fix date: Blog in Progress #1
This commit is contained in:
murtezayesil
parent
b2e9b2f6f1
commit
b505619ee5
|
|
@ -1,5 +1,5 @@
|
|||
title: Blog in Progress #1
|
||||
date: 2020-12-31 12:00
|
||||
date: 2020-08-15 12:00
|
||||
tags: 100DaysToOffload
|
||||
summary: Removed Google Fonts dependency to load the page faster and discovered an issue where MP4 viewer won't load video.
|
||||
status: published
|
||||
|
|
|
|||
|
|
@ -51,10 +51,10 @@
|
|||
<h1>Archives for Ali Murteza Yesil</h1>
|
||||
|
||||
<dl>
|
||||
<dt>Thu 31 December 2020</dt>
|
||||
<dd><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></dd>
|
||||
<dt>Mon 17 August 2020</dt>
|
||||
<dd><a href="https://murtezayesil.me/name-everything.html">Name Everything</a></dd>
|
||||
<dt>Sat 15 August 2020</dt>
|
||||
<dd><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></dd>
|
||||
<dt>Thu 13 August 2020</dt>
|
||||
<dd><a href="https://murtezayesil.me/resizing-2500-photos.html">Resizing 2500 photos</a></dd>
|
||||
<dt>Tue 11 August 2020</dt>
|
||||
|
|
|
|||
|
|
@ -50,26 +50,41 @@
|
|||
|
||||
<aside id="featured" class="body">
|
||||
<article>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></h1>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/name-everything.html">Name Everything</a></h1>
|
||||
<footer class="post-info">
|
||||
<span>Thu 31 December 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
<p>I am redesigning this blog's theme piece by piece. But there is a possibility that you will be reading this article after the new theme is applied. So <a href="images/screenshots/index_full_page_screenshot_w760.webp" title="Old index page">here is a reference screenshot</a> before new theme is applied. Theme isn't the only change. I have few more changes in mind to extend blog's features and optimize it even further.</p>
|
||||
<p>If you want to know how well does this page performed in GTmetrix with old theme, <a href="extra/gtmetrix_murtezayesil.me_2020_08_16.pdf">here is the report</a> in PDF.</p>
|
||||
<h1>Removing Google Font dependency</h1>
|
||||
<p><a href="https://www.yanone.de/fonts/kaffeesatz/">Yanone's Kaffeesatz font</a> is beautiful, but it takes almost 300ms to load. Even though it is as small as 20KB, it is something that is not needed.</p>
|
||||
<p>Another reason I want to remove it is that, it is embedded through Google Fonts which also loads some Google API code. It would be ironic to not respect my readers while I am going through digital cleansing and de-Googling myself.</p>
|
||||
<p>Fun Fact: My IndieWeb profile image is 1024 by 1024 PNG and is 174 KB, around 9 times the Yanone's Kaffesatz font from Google Fonts, but still takes a third less time to download. That being said, it isn't displayed anywhere and shouldn't be loaded unless explicitly wanted. 128x128 would be fine too. 1024x1024 is an overkill for an image that isn't displayed 😬️</p><!-- Comments -->
|
||||
</footer><!-- /.post-info --><p>You probably have a phone and a laptop and possibly even a desktop for heavy duty jobs such as wm ricing. But what do you call those devices? If you have 2 phones how do you differentiate them? If they are the same make, do you use their modal numbers?</p>
|
||||
<p>I wanted to solve this non-existing problem for my devices so that when I want to refer to any of them in my blog posts, readers would have a confusing (and in my opinion funny) moment and go "What the heck even is X?" in their head 😜️</p>
|
||||
<h1><a href="https://www.thefreedictionary.com/juggernaut" title="An overwhelming or unstoppable force">Juggernaut</a></h1>
|
||||
<p>My laptop which was low end back in 2017 when I bought it brand new and even lower end now 7nm era.</p>
|
||||
<p>Model: Lenovo IdeaPad 110 15acl<br>
|
||||
CPU: AMD A8 7410 - 4 cores each ticking at 2.2GHz<br>
|
||||
iGPU: AMD R5 - 900MHz 1GB RAM from shared memory<br>
|
||||
dGPU: AMD R5 - 1050MHz 2GB RAM<br>
|
||||
RAM: 8GB DDR3 1600MHz<br>
|
||||
SSD: 240GB with DRAM - Solus OS + swap<br>
|
||||
HDD: 1TB 5400rpm - Solus OS (for emergency) + Storage</p>
|
||||
<h1><a href="https://en.wikipedia.org/wiki/Andromeda_Galaxy" title="is our neighboring galaxy">Andromeda</a></h1>
|
||||
<p>My Android smartphone which is a mid range phone that still rocks after 3 years 👍️<br>
|
||||
Screen is still healthy even though both its glass surface and protective glass took a good beating thanks to clumsy me. Front speaker and microphone connection of headphone jack stopped working after a recent drop 😐️ I still like this phone and looking forward to using it for another 3 years.</p>
|
||||
<p>Model: Redmi Note 4 - mido<br>
|
||||
CPU: SnapDragon 625<br>
|
||||
RAM: 4GB<br>
|
||||
Storage: 64GB<br>
|
||||
Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
|
||||
<h1>Sophisticated Noise Cans</h1>
|
||||
<p>Model:Redmi Airbuds in-ear Bluetooth earphones</p>
|
||||
<p>I bought them after dropping phone which caused front speaker to brake and headphone jack's metal piece for microphone come out. I only have it for phone/video calls and it was the only solution that fit into my budget. Without them the only other way to make phone calls is to use loudspeaker which is not always appropriate. Sound quality is good for the price (20$).</p>
|
||||
<p>What I don't like about Airbuds is the in-ear design. I tried tips with different sizes but my ears still hurt. Not only that they hurt which I can get used to, using in-ear earphones feels like my ears are blocked.</p>
|
||||
<hr>
|
||||
<p>Do you name your devices? What are the creative names you came up for your devices?</p><!-- Comments -->
|
||||
<hr>
|
||||
<h2>Comments</h2>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104695315322991971">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104706075280288531">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
</article>
|
||||
</aside><!-- /#featured -->
|
||||
<section id="content" class="body">
|
||||
|
|
@ -78,15 +93,15 @@
|
|||
|
||||
<li><article class="hentry">
|
||||
<header>
|
||||
<h1><a href="https://murtezayesil.me/name-everything.html" rel="bookmark"
|
||||
title="Permalink to Name Everything">Name Everything</a></h1>
|
||||
<h1><a href="https://murtezayesil.me/blog-in-progress-1.html" rel="bookmark"
|
||||
title="Permalink to Blog in Progress #1">Blog in Progress #1</a></h1>
|
||||
</header>
|
||||
|
||||
<div class="entry-content">
|
||||
<footer class="post-info">
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
<span>Sat 15 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
|
||||
<div class="entry-content">
|
||||
<footer class="post-info">
|
||||
<span>Thu 31 December 2020</span>
|
||||
<span>Sat 15 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
<article>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></h1>
|
||||
<footer class="post-info">
|
||||
<span>Thu 31 December 2020</span>
|
||||
<span>Sat 15 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Ali Murteza Yesil</title><link href="https://murtezayesil.me/" rel="alternate"></link><link href="https://murtezayesil.me/feeds/atom.xml" rel="self"></link><id>https://murtezayesil.me/</id><updated>2020-12-31T12:00:00+06:00</updated><subtitle>Blog</subtitle><entry><title>Blog in Progress #1</title><link href="https://murtezayesil.me/blog-in-progress-1.html" rel="alternate"></link><published>2020-12-31T12:00:00+06:00</published><updated>2020-12-31T12:00:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-12-31:/blog-in-progress-1.html</id><summary type="html"><p>Removed Google Fonts dependency to load the page faster and discovered an issue where MP4 viewer won't load video.</p></summary><content type="html"><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
<p>I am redesigning this blog's theme piece by piece. But there is a possibility that you will be reading this article after the new theme is applied. So <a href="images/screenshots/index_full_page_screenshot_w760.webp" title="Old index page">here is a reference screenshot</a> before new theme is applied. Theme isn't the only change. I have few more changes in mind to extend blog's features and optimize it even further.</p>
|
||||
<p>If you want to know how well does this page performed in GTmetrix with old theme, <a href="extra/gtmetrix_murtezayesil.me_2020_08_16.pdf">here is the report</a> in PDF.</p>
|
||||
<h1>Removing Google Font dependency</h1>
|
||||
<p><a href="https://www.yanone.de/fonts/kaffeesatz/">Yanone's Kaffeesatz font</a> is beautiful, but it takes almost 300ms to load. Even though it is as small as 20KB, it is something that is not needed.</p>
|
||||
<p>Another reason I want to remove it is that, it is embedded through Google Fonts which also loads some Google API code. It would be ironic to not respect my readers while I am going through digital cleansing and de-Googling myself.</p>
|
||||
<p>Fun Fact: My IndieWeb profile image is 1024 by 1024 PNG and is 174 KB, around 9 times the Yanone's Kaffesatz font from Google Fonts, but still takes a third less time to download. That being said, it isn't displayed anywhere and shouldn't be loaded unless explicitly wanted. 128x128 would be fine too. 1024x1024 is an overkill for an image that isn't displayed 😬️</p></content><category term="Notes"></category><category term="100DaysToOffload"></category></entry><entry><title>Name Everything</title><link href="https://murtezayesil.me/name-everything.html" rel="alternate"></link><published>2020-08-17T17:14:00+06:00</published><updated>2020-08-17T17:14:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-17:/name-everything.html</id><summary type="html"><p>Finding a suitable name for stuff is both fun and a possible cause of cancer. So, I am naming devices I own.</p></summary><content type="html"><p>You probably have a phone and a laptop and possibly even a desktop for heavy duty jobs such as wm ricing. But what do you call those devices? If you have 2 phones how do you differentiate them? If they are the same make, do you use their modal numbers?</p>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Ali Murteza Yesil</title><link href="https://murtezayesil.me/" rel="alternate"></link><link href="https://murtezayesil.me/feeds/atom.xml" rel="self"></link><id>https://murtezayesil.me/</id><updated>2020-08-17T17:14:00+06:00</updated><subtitle>Blog</subtitle><entry><title>Name Everything</title><link href="https://murtezayesil.me/name-everything.html" rel="alternate"></link><published>2020-08-17T17:14:00+06:00</published><updated>2020-08-17T17:14:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-17:/name-everything.html</id><summary type="html"><p>Finding a suitable name for stuff is both fun and a possible cause of cancer. So, I am naming devices I own.</p></summary><content type="html"><p>You probably have a phone and a laptop and possibly even a desktop for heavy duty jobs such as wm ricing. But what do you call those devices? If you have 2 phones how do you differentiate them? If they are the same make, do you use their modal numbers?</p>
|
||||
<p>I wanted to solve this non-existing problem for my devices so that when I want to refer to any of them in my blog posts, readers would have a confusing (and in my opinion funny) moment and go "What the heck even is X?" in their head 😜️</p>
|
||||
<h1><a href="https://www.thefreedictionary.com/juggernaut" title="An overwhelming or unstoppable force">Juggernaut</a></h1>
|
||||
<p>My laptop which was low end back in 2017 when I bought it brand new and even lower end now 7nm era.</p>
|
||||
|
|
@ -32,7 +23,16 @@ Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
|
|||
<p>I bought them after dropping phone which caused front speaker to brake and headphone jack's metal piece for microphone come out. I only have it for phone/video calls and it was the only solution that fit into my budget. Without them the only other way to make phone calls is to use loudspeaker which is not always appropriate. Sound quality is good for the price (20$).</p>
|
||||
<p>What I don't like about Airbuds is the in-ear design. I tried tips with different sizes but my ears still hurt. Not only that they hurt which I can get used to, using in-ear earphones feels like my ears are blocked.</p>
|
||||
<hr>
|
||||
<p>Do you name your devices? What are the creative names you came up for your devices?</p></content><category term="Personal"></category><category term="100DaysToOffload"></category></entry><entry><title>Resizing 2500 photos</title><link href="https://murtezayesil.me/resizing-2500-photos.html" rel="alternate"></link><published>2020-08-13T07:19:00+06:00</published><updated>2020-08-13T07:19:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-13:/resizing-2500-photos.html</id><summary type="html"><p>We needed to resize 2500 photographs for a website. There is a shell script for that.</p></summary><content type="html"><p>I was asked to write a program to resize thousands of images which were gonna be uploaded to a website. Images had to be the same height for them to look organized in gallery. I remembered how I used <a href="https://imagemagick.org/">imagemagick</a> to write <a href="https://gitlab.com/murtezayesil/student/-/tree/master/sh/desktop-clock" title="use imagemagick, figlet and feh for tty-clock on wallpaper">desktop-clock</a>, immitate tty-clock on wallpaper. That experience helped me to design the program in my mind as we continue to speak on the phone.</p>
|
||||
<p>Do you name your devices? What are the creative names you came up for your devices?</p></content><category term="Personal"></category><category term="100DaysToOffload"></category></entry><entry><title>Blog in Progress #1</title><link href="https://murtezayesil.me/blog-in-progress-1.html" rel="alternate"></link><published>2020-08-15T12:00:00+06:00</published><updated>2020-08-15T12:00:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-15:/blog-in-progress-1.html</id><summary type="html"><p>Removed Google Fonts dependency to load the page faster and discovered an issue where MP4 viewer won't load video.</p></summary><content type="html"><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
<p>I am redesigning this blog's theme piece by piece. But there is a possibility that you will be reading this article after the new theme is applied. So <a href="images/screenshots/index_full_page_screenshot_w760.webp" title="Old index page">here is a reference screenshot</a> before new theme is applied. Theme isn't the only change. I have few more changes in mind to extend blog's features and optimize it even further.</p>
|
||||
<p>If you want to know how well does this page performed in GTmetrix with old theme, <a href="extra/gtmetrix_murtezayesil.me_2020_08_16.pdf">here is the report</a> in PDF.</p>
|
||||
<h1>Removing Google Font dependency</h1>
|
||||
<p><a href="https://www.yanone.de/fonts/kaffeesatz/">Yanone's Kaffeesatz font</a> is beautiful, but it takes almost 300ms to load. Even though it is as small as 20KB, it is something that is not needed.</p>
|
||||
<p>Another reason I want to remove it is that, it is embedded through Google Fonts which also loads some Google API code. It would be ironic to not respect my readers while I am going through digital cleansing and de-Googling myself.</p>
|
||||
<p>Fun Fact: My IndieWeb profile image is 1024 by 1024 PNG and is 174 KB, around 9 times the Yanone's Kaffesatz font from Google Fonts, but still takes a third less time to download. That being said, it isn't displayed anywhere and shouldn't be loaded unless explicitly wanted. 128x128 would be fine too. 1024x1024 is an overkill for an image that isn't displayed 😬️</p></content><category term="Notes"></category><category term="100DaysToOffload"></category></entry><entry><title>Resizing 2500 photos</title><link href="https://murtezayesil.me/resizing-2500-photos.html" rel="alternate"></link><published>2020-08-13T07:19:00+06:00</published><updated>2020-08-13T07:19:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-13:/resizing-2500-photos.html</id><summary type="html"><p>We needed to resize 2500 photographs for a website. There is a shell script for that.</p></summary><content type="html"><p>I was asked to write a program to resize thousands of images which were gonna be uploaded to a website. Images had to be the same height for them to look organized in gallery. I remembered how I used <a href="https://imagemagick.org/">imagemagick</a> to write <a href="https://gitlab.com/murtezayesil/student/-/tree/master/sh/desktop-clock" title="use imagemagick, figlet and feh for tty-clock on wallpaper">desktop-clock</a>, immitate tty-clock on wallpaper. That experience helped me to design the program in my mind as we continue to speak on the phone.</p>
|
||||
<div class="highlight"><pre><span></span><code>/‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾<span class="se">\ </span>
|
||||
<span class="p">|</span> <span class="k">for</span> each image <span class="p">|</span>
|
||||
<span class="p">|</span> <span class="k">do</span> resize to <span class="nv">height</span><span class="o">=</span><span class="m">800</span> <span class="p">|</span>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Ali Murteza Yesil - Notes</title><link href="https://murtezayesil.me/" rel="alternate"></link><link href="https://murtezayesil.me/feeds/notes.atom.xml" rel="self"></link><id>https://murtezayesil.me/</id><updated>2020-12-31T12:00:00+06:00</updated><subtitle>Blog</subtitle><entry><title>Blog in Progress #1</title><link href="https://murtezayesil.me/blog-in-progress-1.html" rel="alternate"></link><published>2020-12-31T12:00:00+06:00</published><updated>2020-12-31T12:00:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-12-31:/blog-in-progress-1.html</id><summary type="html"><p>Removed Google Fonts dependency to load the page faster and discovered an issue where MP4 viewer won't load video.</p></summary><content type="html"><div style="text-align: center;">
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Ali Murteza Yesil - Notes</title><link href="https://murtezayesil.me/" rel="alternate"></link><link href="https://murtezayesil.me/feeds/notes.atom.xml" rel="self"></link><id>https://murtezayesil.me/</id><updated>2020-08-15T12:00:00+06:00</updated><subtitle>Blog</subtitle><entry><title>Blog in Progress #1</title><link href="https://murtezayesil.me/blog-in-progress-1.html" rel="alternate"></link><published>2020-08-15T12:00:00+06:00</published><updated>2020-08-15T12:00:00+06:00</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,2020-08-15:/blog-in-progress-1.html</id><summary type="html"><p>Removed Google Fonts dependency to load the page faster and discovered an issue where MP4 viewer won't load video.</p></summary><content type="html"><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -50,26 +50,41 @@
|
|||
|
||||
<aside id="featured" class="body">
|
||||
<article>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></h1>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/name-everything.html">Name Everything</a></h1>
|
||||
<footer class="post-info">
|
||||
<span>Thu 31 December 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
<p>I am redesigning this blog's theme piece by piece. But there is a possibility that you will be reading this article after the new theme is applied. So <a href="images/screenshots/index_full_page_screenshot_w760.webp" title="Old index page">here is a reference screenshot</a> before new theme is applied. Theme isn't the only change. I have few more changes in mind to extend blog's features and optimize it even further.</p>
|
||||
<p>If you want to know how well does this page performed in GTmetrix with old theme, <a href="extra/gtmetrix_murtezayesil.me_2020_08_16.pdf">here is the report</a> in PDF.</p>
|
||||
<h1>Removing Google Font dependency</h1>
|
||||
<p><a href="https://www.yanone.de/fonts/kaffeesatz/">Yanone's Kaffeesatz font</a> is beautiful, but it takes almost 300ms to load. Even though it is as small as 20KB, it is something that is not needed.</p>
|
||||
<p>Another reason I want to remove it is that, it is embedded through Google Fonts which also loads some Google API code. It would be ironic to not respect my readers while I am going through digital cleansing and de-Googling myself.</p>
|
||||
<p>Fun Fact: My IndieWeb profile image is 1024 by 1024 PNG and is 174 KB, around 9 times the Yanone's Kaffesatz font from Google Fonts, but still takes a third less time to download. That being said, it isn't displayed anywhere and shouldn't be loaded unless explicitly wanted. 128x128 would be fine too. 1024x1024 is an overkill for an image that isn't displayed 😬️</p><!-- Comments -->
|
||||
</footer><!-- /.post-info --><p>You probably have a phone and a laptop and possibly even a desktop for heavy duty jobs such as wm ricing. But what do you call those devices? If you have 2 phones how do you differentiate them? If they are the same make, do you use their modal numbers?</p>
|
||||
<p>I wanted to solve this non-existing problem for my devices so that when I want to refer to any of them in my blog posts, readers would have a confusing (and in my opinion funny) moment and go "What the heck even is X?" in their head 😜️</p>
|
||||
<h1><a href="https://www.thefreedictionary.com/juggernaut" title="An overwhelming or unstoppable force">Juggernaut</a></h1>
|
||||
<p>My laptop which was low end back in 2017 when I bought it brand new and even lower end now 7nm era.</p>
|
||||
<p>Model: Lenovo IdeaPad 110 15acl<br>
|
||||
CPU: AMD A8 7410 - 4 cores each ticking at 2.2GHz<br>
|
||||
iGPU: AMD R5 - 900MHz 1GB RAM from shared memory<br>
|
||||
dGPU: AMD R5 - 1050MHz 2GB RAM<br>
|
||||
RAM: 8GB DDR3 1600MHz<br>
|
||||
SSD: 240GB with DRAM - Solus OS + swap<br>
|
||||
HDD: 1TB 5400rpm - Solus OS (for emergency) + Storage</p>
|
||||
<h1><a href="https://en.wikipedia.org/wiki/Andromeda_Galaxy" title="is our neighboring galaxy">Andromeda</a></h1>
|
||||
<p>My Android smartphone which is a mid range phone that still rocks after 3 years 👍️<br>
|
||||
Screen is still healthy even though both its glass surface and protective glass took a good beating thanks to clumsy me. Front speaker and microphone connection of headphone jack stopped working after a recent drop 😐️ I still like this phone and looking forward to using it for another 3 years.</p>
|
||||
<p>Model: Redmi Note 4 - mido<br>
|
||||
CPU: SnapDragon 625<br>
|
||||
RAM: 4GB<br>
|
||||
Storage: 64GB<br>
|
||||
Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
|
||||
<h1>Sophisticated Noise Cans</h1>
|
||||
<p>Model:Redmi Airbuds in-ear Bluetooth earphones</p>
|
||||
<p>I bought them after dropping phone which caused front speaker to brake and headphone jack's metal piece for microphone come out. I only have it for phone/video calls and it was the only solution that fit into my budget. Without them the only other way to make phone calls is to use loudspeaker which is not always appropriate. Sound quality is good for the price (20$).</p>
|
||||
<p>What I don't like about Airbuds is the in-ear design. I tried tips with different sizes but my ears still hurt. Not only that they hurt which I can get used to, using in-ear earphones feels like my ears are blocked.</p>
|
||||
<hr>
|
||||
<p>Do you name your devices? What are the creative names you came up for your devices?</p><!-- Comments -->
|
||||
<hr>
|
||||
<h2>Comments</h2>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104695315322991971">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104706075280288531">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
</article>
|
||||
</aside><!-- /#featured -->
|
||||
<section id="content" class="body">
|
||||
|
|
@ -78,15 +93,15 @@
|
|||
|
||||
<li><article class="hentry">
|
||||
<header>
|
||||
<h1><a href="https://murtezayesil.me/name-everything.html" rel="bookmark"
|
||||
title="Permalink to Name Everything">Name Everything</a></h1>
|
||||
<h1><a href="https://murtezayesil.me/blog-in-progress-1.html" rel="bookmark"
|
||||
title="Permalink to Blog in Progress #1">Blog in Progress #1</a></h1>
|
||||
</header>
|
||||
|
||||
<div class="entry-content">
|
||||
<footer class="post-info">
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
<span>Sat 15 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
|
||||
|
|
|
|||
|
|
@ -50,26 +50,41 @@
|
|||
|
||||
<aside id="featured" class="body">
|
||||
<article>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/blog-in-progress-1.html">Blog in Progress #1</a></h1>
|
||||
<h1 class="entry-title"><a href="https://murtezayesil.me/name-everything.html">Name Everything</a></h1>
|
||||
<footer class="post-info">
|
||||
<span>Thu 31 December 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --><div style="text-align: center;">
|
||||
<img src="images/gifs/construction_progress_bar.gif" alt="Under Construction GIF">
|
||||
</div>
|
||||
|
||||
<p>I am redesigning this blog's theme piece by piece. But there is a possibility that you will be reading this article after the new theme is applied. So <a href="images/screenshots/index_full_page_screenshot_w760.webp" title="Old index page">here is a reference screenshot</a> before new theme is applied. Theme isn't the only change. I have few more changes in mind to extend blog's features and optimize it even further.</p>
|
||||
<p>If you want to know how well does this page performed in GTmetrix with old theme, <a href="extra/gtmetrix_murtezayesil.me_2020_08_16.pdf">here is the report</a> in PDF.</p>
|
||||
<h1>Removing Google Font dependency</h1>
|
||||
<p><a href="https://www.yanone.de/fonts/kaffeesatz/">Yanone's Kaffeesatz font</a> is beautiful, but it takes almost 300ms to load. Even though it is as small as 20KB, it is something that is not needed.</p>
|
||||
<p>Another reason I want to remove it is that, it is embedded through Google Fonts which also loads some Google API code. It would be ironic to not respect my readers while I am going through digital cleansing and de-Googling myself.</p>
|
||||
<p>Fun Fact: My IndieWeb profile image is 1024 by 1024 PNG and is 174 KB, around 9 times the Yanone's Kaffesatz font from Google Fonts, but still takes a third less time to download. That being said, it isn't displayed anywhere and shouldn't be loaded unless explicitly wanted. 128x128 would be fine too. 1024x1024 is an overkill for an image that isn't displayed 😬️</p><!-- Comments -->
|
||||
</footer><!-- /.post-info --><p>You probably have a phone and a laptop and possibly even a desktop for heavy duty jobs such as wm ricing. But what do you call those devices? If you have 2 phones how do you differentiate them? If they are the same make, do you use their modal numbers?</p>
|
||||
<p>I wanted to solve this non-existing problem for my devices so that when I want to refer to any of them in my blog posts, readers would have a confusing (and in my opinion funny) moment and go "What the heck even is X?" in their head 😜️</p>
|
||||
<h1><a href="https://www.thefreedictionary.com/juggernaut" title="An overwhelming or unstoppable force">Juggernaut</a></h1>
|
||||
<p>My laptop which was low end back in 2017 when I bought it brand new and even lower end now 7nm era.</p>
|
||||
<p>Model: Lenovo IdeaPad 110 15acl<br>
|
||||
CPU: AMD A8 7410 - 4 cores each ticking at 2.2GHz<br>
|
||||
iGPU: AMD R5 - 900MHz 1GB RAM from shared memory<br>
|
||||
dGPU: AMD R5 - 1050MHz 2GB RAM<br>
|
||||
RAM: 8GB DDR3 1600MHz<br>
|
||||
SSD: 240GB with DRAM - Solus OS + swap<br>
|
||||
HDD: 1TB 5400rpm - Solus OS (for emergency) + Storage</p>
|
||||
<h1><a href="https://en.wikipedia.org/wiki/Andromeda_Galaxy" title="is our neighboring galaxy">Andromeda</a></h1>
|
||||
<p>My Android smartphone which is a mid range phone that still rocks after 3 years 👍️<br>
|
||||
Screen is still healthy even though both its glass surface and protective glass took a good beating thanks to clumsy me. Front speaker and microphone connection of headphone jack stopped working after a recent drop 😐️ I still like this phone and looking forward to using it for another 3 years.</p>
|
||||
<p>Model: Redmi Note 4 - mido<br>
|
||||
CPU: SnapDragon 625<br>
|
||||
RAM: 4GB<br>
|
||||
Storage: 64GB<br>
|
||||
Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
|
||||
<h1>Sophisticated Noise Cans</h1>
|
||||
<p>Model:Redmi Airbuds in-ear Bluetooth earphones</p>
|
||||
<p>I bought them after dropping phone which caused front speaker to brake and headphone jack's metal piece for microphone come out. I only have it for phone/video calls and it was the only solution that fit into my budget. Without them the only other way to make phone calls is to use loudspeaker which is not always appropriate. Sound quality is good for the price (20$).</p>
|
||||
<p>What I don't like about Airbuds is the in-ear design. I tried tips with different sizes but my ears still hurt. Not only that they hurt which I can get used to, using in-ear earphones feels like my ears are blocked.</p>
|
||||
<hr>
|
||||
<p>Do you name your devices? What are the creative names you came up for your devices?</p><!-- Comments -->
|
||||
<hr>
|
||||
<h2>Comments</h2>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104695315322991971">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104706075280288531">this thread</a> to comment. This blog is a static site. Comments won't appear here.</p>
|
||||
</article>
|
||||
</aside><!-- /#featured -->
|
||||
<section id="content" class="body">
|
||||
|
|
@ -78,15 +93,15 @@
|
|||
|
||||
<li><article class="hentry">
|
||||
<header>
|
||||
<h1><a href="https://murtezayesil.me/name-everything.html" rel="bookmark"
|
||||
title="Permalink to Name Everything">Name Everything</a></h1>
|
||||
<h1><a href="https://murtezayesil.me/blog-in-progress-1.html" rel="bookmark"
|
||||
title="Permalink to Blog in Progress #1">Blog in Progress #1</a></h1>
|
||||
</header>
|
||||
|
||||
<div class="entry-content">
|
||||
<footer class="post-info">
|
||||
<span>Mon 17 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/personal.html">Personal</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>20</strong> of #100DaysToOffload</span>
|
||||
<span>Sat 15 August 2020</span>
|
||||
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
|
||||
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>19</strong> of #100DaysToOffload</span>
|
||||
|
||||
|
||||
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
|
||||
|
|
|
|||
Reference in New Issue