<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: optimisedu</title>
    <description>The latest articles on DEV Community by optimisedu (@optimisedu).</description>
    <link>https://dev.to/optimisedu</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F757343%2F44e7032c-3124-4db1-9a03-96b04221e2a6.png</url>
      <title>DEV Community: optimisedu</title>
      <link>https://dev.to/optimisedu</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/optimisedu"/>
    <language>en</language>
    <item>
      <title>SEO Secret Sauce | Hacking to the top of Google</title>
      <dc:creator>optimisedu</dc:creator>
      <pubDate>Thu, 29 Jun 2023 11:51:35 +0000</pubDate>
      <link>https://dev.to/optimisedu/seo-secrets-hacking-to-the-top-of-google-2o39</link>
      <guid>https://dev.to/optimisedu/seo-secrets-hacking-to-the-top-of-google-2o39</guid>
      <description>&lt;p&gt;&lt;strong&gt;Disclaimer - this was originally written for LinkedIn so I kept things short. I am more than happy to expand on any of the points which I have made and if this is popular I will go further in depth with some of the tricks I have learned in 13+ years experience in the SEO Sphere&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For *&lt;em&gt;SEO &amp;amp; UI *&lt;/em&gt; to 🔥𝘀𝘁𝗮𝗻𝗱 𝗼𝘂𝘁 🔥you really need some secret sauce (wow that's a cheesy) - I'm going to go into a bit of detail with mine. Guess it won't be so secret anymore but it might help you, my connections and hopefully as a result the wider web. If you have any simple hacks that you use please drop a comment at the bottom.&lt;/p&gt;

&lt;p&gt;First, I will say that SEO is not about link building onsite or offsite. It is about organic networking and connections, and that often gets mixed up.&lt;/p&gt;

&lt;h2&gt;
  
  
  Networking &amp;amp; Mobile SEO
&lt;/h2&gt;

&lt;p&gt;For a business of any size, local SEO is important. Even if you are purely online, having a maps presence will help - Alphabet/Google, for example, use their correlation between good maps presence and higher rankings to keep user experience metrics high, and as a result, often maps can be a way of hacking to the top listing for high traffic &amp;amp; high competition keywords.&lt;br&gt;
But it goes far beyond this.&lt;/p&gt;

&lt;p&gt;A lot less talked about is how Alphabet uses all the data that they collect when 73% of phone users set up their Android account beyond being sold. With such a massive chunk of an already huge market, Google has near-free rein to use data as they will. A lot of this goes to internal product improvement. Did you know that website bookmarks are a direct ranking factor (at least for Google News)?&lt;/p&gt;

&lt;p&gt;Similar to liking a video, this is a democratic way of Alphabet letting users voice what they like and dislike. Particularly useful when blogging, if you only focus on having a reactive site, you are missing out on a huge number of visitors.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;This is such a deep rabbit hole that, for brevity, I will just say that if you aren't using declarative HTML5 markup and have taken a user-first approach to your SEO and web design strategy, you are haemorrhaging money. If you want me to expand on anything or send references, just comment or drop me a message&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>html</category>
      <category>beginners</category>
      <category>ux</category>
    </item>
    <item>
      <title>Broke hand</title>
      <dc:creator>optimisedu</dc:creator>
      <pubDate>Tue, 31 May 2022 10:01:17 +0000</pubDate>
      <link>https://dev.to/optimisedu/broke-hand-1pi6</link>
      <guid>https://dev.to/optimisedu/broke-hand-1pi6</guid>
      <description>&lt;p&gt;I have a broken left hand. It is frustrating. I have gone to css art and drawings. &lt;/p&gt;

&lt;p&gt;I was thinking learning tailwind inside out or lodash they suit my style. But I like animation. Pure css with my own jit purge is both sounding good. &lt;/p&gt;

&lt;p&gt;I always done seo which I take extremely technically. Any advice for help staying sane with a broken hand probably focus on css animations I love css not such a tailwind lover. Might hack my own system together . Any advice staying sane greatly appreciated. &lt;/p&gt;

&lt;p&gt;What do you think. Worth an ask thanks. Writing hurts but is a good way to get blood to the fingers. &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Is the internet responsible for 20% of global energy use</title>
      <dc:creator>optimisedu</dc:creator>
      <pubDate>Wed, 11 May 2022 05:04:06 +0000</pubDate>
      <link>https://dev.to/optimisedu/is-the-internet-responsible-for-20-of-global-energy-28ne</link>
      <guid>https://dev.to/optimisedu/is-the-internet-responsible-for-20-of-global-energy-28ne</guid>
      <description>&lt;p&gt;Hi All, this is my first post and it is designed to create a talking point. I figured that is as good an intro as any. These are some very hard metrics to measure. &lt;/p&gt;

&lt;p&gt;During this post I want to slowly lead you to the tangible cost of having a web presence, and what we can all do to improve the world wide web - the benefits of the web are undeniable. There is no going back, however we can reduce our carbon footprint and provide better services, be better devs.&lt;/p&gt;

&lt;p&gt;I will start with Youtube - it is obviously a very heavy website, used by &lt;strong&gt;billions&lt;/strong&gt; of people every day. Lets take a deep dive with a lighthouse test.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kU6GFPFb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qtvzluht6h71wzk53i6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kU6GFPFb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qtvzluht6h71wzk53i6.png" alt="Over a megabyte of data left unpurged" width="491" height="282"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My desktop testing shows that they could save around a megabyte on &lt;strong&gt;every single page's first interaction&lt;/strong&gt;. Please take a look for yourself, this image is just one of many scripts and styles they could minify. They make the rookie error of not purging all their their styles and scripts.&lt;/p&gt;

&lt;p&gt;Javascript injection even when used for good is a dangerous toy which feels very much like a resurrection of flash - "blazingly fast" but not designed to make sites or be crawled by search engine bots. That doesn't stop bootcamps programming people with the how but not the why of React. &lt;/p&gt;

&lt;p&gt;Here is where we hit the first bottleneck. People on 3g networks is really where the tangible cost of our gluttony comes in and worse programmers often ignore accessibility.&lt;/p&gt;

&lt;p&gt;We have a so many frameworks to make &lt;em&gt;apps&lt;/em&gt;, however a good website is lightweight, it uses as much HTML and CSS as possible. Ideally no scripting is required. It seems almost laughable having client side rendering - to use a heavy scripting language to say build this site each time you visit it to allow our virtual/heavily modified DOM to work. Client side hydration can and has been improved on.&lt;/p&gt;

&lt;p&gt;As you get more advanced you learn about packaging and caching. Now this is where things start to get dangerous - Gulp is no longer a task manager looking over our shoulders, purging and minifying, then spitting out &lt;strong&gt;prebuilt&lt;/strong&gt; sites ready for FTP upload at a massive reduction in size. &lt;/p&gt;

&lt;p&gt;Webpack blew it out the water. Webpack is undeniably a friendly tool, it can be hard to use, and again it is a case of scale whether you actually need packaging or not. Then there is vite et al. That is another post, please let me know if this interests you.&lt;/p&gt;

&lt;h2&gt;
  
  
  Sizing the internet.
&lt;/h2&gt;

&lt;p&gt;I am an SEO, and I like to say that means the payoff between accessibility and performance. With the right hardware severely disabled people can access sites &lt;em&gt;if&lt;/em&gt; (the sites grant them access). SEO is not about linkspam, it is about delivering the best content you can, as quickly as you can to as many people as you can.&lt;/p&gt;

&lt;p&gt;I decided to roughly calculate the size of the web. &lt;a href="https://httparchive.org/reports/page-weight?start=2021_01_01&amp;amp;end=2022_01_01&amp;amp;view=list#bytesTotal"&gt;The average desktop page is 2mb&lt;/a&gt;, with many sites significantly higher than that. &lt;a href="https://webtribunal.net/blog/how-many-websites/#gref"&gt;"There are around two billion websites [in 2022]"&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;That would make an average of 4bn kilobytes sat on active servers and on the cloud. It gets worse.&lt;/p&gt;

&lt;p&gt;1.&lt;em&gt;4.4bn of our YouTube videos are watched daily.&lt;/em&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;em&gt;circa 3bn searches made on Google, people watch more video's than they make searches.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;
&lt;em&gt;100bn+ emails are sent per day - think spam.&lt;/em&gt;
[&lt;a href="https://www.domo.com/learn/infographic/data-never-sleeps-5%5D**"&gt;https://www.domo.com/learn/infographic/data-never-sleeps-5]**&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For me the worst culprit is that "32 billion people are active on Facebook daily" - that's more than four times the actual population of the world, undeniably something is wrong. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Want the real kicker? :These stats are from 2017.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Facebook maintains React. It makes sense for a business with traffic like that to create reactive content. I feel it was a bit too successful, also we have Node vs Deno - another argument where we are starting to see the stress of success modern JS is having. The faker facade was a good example of an inherent problem with node while the first step people often take is npm init -y.&lt;/p&gt;

&lt;p&gt;Exponential growth of popular package downloads is an inherant problem with node - these files, and all their requirements are included in your final build. This is such an obvious statement it seems laughable to even mention but in 2014 I can assure you we didn't expect such an explosion of packets and requirements:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--w7syZMr0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/amfht0g2wclxyz0h2vwz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w7syZMr0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/amfht0g2wclxyz0h2vwz.png" alt="React almost follows the trend of Moors law" width="880" height="515"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Always consider - are you making an app or are you making a site? What does that mean for users, and what does that mean to peaceful web crawlers?&lt;/p&gt;

&lt;p&gt;Frameworks and libraries have started to be written for the web dev rather than the end user. There is a war of frameworks and libraries going on which means convenience of use is paramount. React is winning because it has the highest user-base, not because it is the fastest, lightest weight, or best by any other metric.&lt;/p&gt;

&lt;p&gt;What form of rendering do you use? How many times do requests ping back and forth from the server before your site loads? There are 4.2bn sites live today and &lt;strong&gt;double that amount of active servers&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The real cost of doing business
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;[In 2017 the guardian predicted that the internet would account for 20% of the worlds electricity in 2025.]&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The real conclusion is how long is a piece of string, what is the internet, do we count all our devices how do we measure and does it matter. &lt;/p&gt;

&lt;p&gt;What is paramount is your visitors with their 3g phones. Time to interaction is the secret to keeping happy visitors. If each page you have is 2mb then you have the body chugging away that is costing your user, not just in experience. You are slowly polluting the world and costing money in the form of data.&lt;/p&gt;

&lt;p&gt;So why am I making this post - obviously there was a point where the internet overtook standard media, and this page costs far less carbon than a piece of paper. dev.to delivers the images I use minified from a central cache &lt;strong&gt;however&lt;/strong&gt; each visitor I shamelessly push this post on has a small carbon footprint.&lt;/p&gt;

&lt;p&gt;These stats are important to think about, accessibility and performance. Get people on your site and give them the best experience possible. Don't get lazy, learn your stack inside out so you know what you can hack away if you are bleeding data.&lt;/p&gt;

&lt;p&gt;Please leave some comments on what you feel - obviously the title is clickbait but it is also the truth. If something uses an incalculable amount of energy, all optimisation is good optimsation.&lt;/p&gt;

&lt;p&gt;Regards&lt;br&gt;
Dave&lt;br&gt;
Optimise-U&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>webdev</category>
      <category>discuss</category>
    </item>
  </channel>
</rss>
