While we're not the type of blog that spends a lot of time blogging about blogging, I wanted to share some of the major changes we've been making behind the scenes over the last week. Well, it's actually been a work in progress over the last several months, we just implemented it over the past week, so you can probably guess that I'm very nerd excited about it and want to fill you all in on the enhancements and features. Trust me, I'm under no delusions and know most if not all of you will find this utterly boring, but hopefully one or two people will say "damn, that's cool," while snort laughing and adjusting their horned rim glasses repaired with white tape.


The thing is, our blog is geared towards DIY, and while changes to the blog may not be exactly a home improvement related item, our blog is definitely DIY. I've mentioned this before, but we don't run our blog on a blogging platform like WordPress or Blogger, but instead a 100% custom programmed blogging platform that I built in ASP.NET a few years ago. (When I say I'm in IT, my background and interests lie in website and web application development.) So in the scope of our DIY geared website, this blog is about as DIY as most DIY blogs come.

Back when I built the blog I thought about things related to web development much differently. This was in about 2010 and the JavaScript revolution and mobile friendly responsive web design wave hadn't yet swept the world. In general, the blogging platform was decent, sufficient, and did the job it was meant to do, but it didn't do it in a particular graceful way. Our previous incarnation of the blog was bloated when it came to HTML and "page weight" (amount of data that had to be downloaded on each page load), slow, clunky, inefficient, error prone, and left a lot to be desired when it came to general usability. Without getting overly technical, our blog was the beater you see driving down the highway.

This month our blog will turn three years old, and late last year I figured it was high time to take a good hard look at our blog to figure out what could be improved or overhauled to better serve our needs and the needs of our readers. We'd had our slow and old blogging engine for long enough, and it was time I put in some effort to get with the times.

So what did we do besides essentially leave the whole old look and feel entirely intact? Well, a whole lot!

Our blogging engine is built on an ASP.NET Web Forms platform. The thing about Web Forms is that it adds a whole bunch of extra and largely unnecessary HTML and JavaScript, which pretty much just slows things down. So I went ahead and stripped it all out. Suddenly our page downloads were about half as big as they were previously. This included the removal of ASP.NET Ajax JavaScript, extra markup for validators, and the happy removal of the bloated and dreaded ViewState.

While that definitely helped things out, it required a pretty major overhaul of the way the internal function of the blog actually worked. I couldn't just rely on the built-in ASP.NET methods for doing things like form validation, Ajax postbacks, and all of the other quick and dirty things that Web Forms takes care of for the develop, ultimately creating a generation of developers who don't understand the basics of what they're actually doing because the hard work and basics of their job have all been handled by some black box. That rant is the web developer equivalent to an old man yelling at the kids to "get off his lawn."

So what does this really mean for you as a reader/user of this site? A fair amount, actually.

First, the speed of navigating from page to page should be much faster than it was before. This has to do with everything from how quickly the server can generate the pages to how quickly they can be downloaded to your computer. We went from a single server and bloated HTML and JavaScript to streamlined and HTML, minified (yes, a major nerd word) JavaScript, all GZip compressed and delivered to the browser in the most efficient way we can.

We also optimized our pages for use behind a Content Delivery Network, or CDN. If you've never heard of a CDN, trust me, you use them extensively throughout the day each and every day. The biggest CDN is a company called Akamai, but there are many many others. Amazon runs one from their cloud computing services. In a nutshell, a CDN is a geographically dispersed network of computers that acts as a middleman between your typing in a domain name and you getting that web page on your browser. During that middleman process, the CDN grabs a copy of that page and stores it locally on their server. That way, the next time someone comes along and types that same domain name, rather than going all of the way to our server for the page, the CDN says, "wait a second, I have that page here on my local storage, I'm just going to pass that back to the user so they don't need to wait for the server to generate it." Then you typically get the page in a much more expeditious manner, letting the server focus on the unique tasks it needs to run, rather than the duplicated. In it's most basic form, a typical CDN architecture sort of looks like this...


...But if that's confusing, you can just think of it like this...


YAY CLOUD!

As I said, you've used a CDN every day without even realizing it. Almost every major website in the world uses a CDN. If you've downloaded a file from iTunes, an app on your phone, hit up Facebook, Twitter, or Instagram, or watched a movie from Netflix, you've been through a CDN. CDNs are now ubiquitous with the inner function of the Internet, and without CDNs, our lives would be way less convenient.

If you've never heard of a CDN, and you just read those last two paragraphs, I've just satisfied your nerd quota for the day. You're welcome.

Okay, beyond speed increases, what do these changes mean for you? Well, it primarily has to do with commenting. If you comment on this site, we really appreciate you. And to show you just how much we appreciate you, we've made commenting way better/cooler.

Now, when you submit your comment, the submission takes place right there, without refreshing the page. Once it succeeds, your comment is put in its correct spot and you see it immediately.

Yeah, I know, that's NBD, blogs have done that for years, welcome to 2005. But there are two new capabilities that we have now that you don't typically see on blogs.

After posting your comment you now have a window of 15 minutes where you are able to edit your comment. No more submitting your comment only to realize you've made a horribly euphemistic typo that is now tied to you on the Internet for all of eternity. Now, when you accidentally say "The penis mightier than the sword," you can now click the edit button and make your correction and nobody will ever need to know what you originally said.

And even better, if you accidentally perform the dreaded double or triple comment post, effectively saying "hey, y'all, I'm new here on the Internets and just learnt what this mouse button did, so, like, sorry, y'all!" You can now click edit comment and delete those few errant posts, hiding your Internet noobdom from the rest of the website's visitors that would have undoubtedly judged you for your faux pas. The Internet is a giant scene from Mean Girls, if you didn't know.

So now that we have all of these updates out of the way, we can get back to doing some actual DIY on our house. I mean, our bathroom isn't going to finish itself (I thought it might, I was proven wrong). We hope these changes we've implemented will make your experience on our website just a little bit nicer, and that maybe, just maybe, some of my mounds of otherwise useless tech knowledge has helped to round out a bit more of your knowledge of the Internet's inner workings. If you didn't know about it before, now you know, and knowing is half the battle.

And the last thing, if you notice some weirdness, odd behavior, or something that seems to just not work quite right (or at all), we'd be forever grateful if you wouldn't mind letting us know. 

Comments 12

Comments

4/8/2014 at 1:20 PM

Did you also update your header or is that a rotating image?

Alex
4/8/2014

The header image is actually something we've had up there for a long time, and it's really rather cryptic. The images are actually the thumbnails for our six most recent posts. If you click on one, it takes you to that post. It's never been clear that it's that, so very few people actually use or know about it. We're going to have to do a better job in a future redesign.

Michelle
4/8/2014 at 2:40 PM

Have you thought about updating your blog to a full feed? When I open your blog in Feedly I can only see part of the post.

Margie
4/8/2014 at 4:10 PM

I just had to try this new comment thingie to see how it works. Yay cloud! I think everyone should wait 15 minutes before they post anything on the internet.

Alex
4/12/2014

A good rule of thumb, indeed! Glad you put the new feature to good use. Alt smile

Dean
4/9/2014 at 12:17 PM

Have you looked into gzipping and/or JS&CSS content compression utilities? (Yes you have, re-read post).

We have had over 60% gains when using YUI's content compressor (http://yui.github.io/yuicompressor/)

We use it as a part of our build process.

Alex
4/12/2014

Gzipping is amazing, really. This is one of the first performance enhancements I recommend when someone is trying to speed up their website, and it's so easy to implement on almost any level. The CDN we're using now has build in compression, so even if I'm not gzipping at the server, it's doing it before it transfers to requesting computer. I actually need to do a little more at the server level because it still needs to transfer from the server to the CDN. Between gzipping, minifying, and making json efficient, you can sometimes get as much as 80%+ efficiency gains.

Dean
4/14/2014 at 9:33 AM

There's also 'image spriting', but that takes a lot of time to do and requires a lot of CSS modifications. Worth it though if your site is image heavy.

Jennifer
4/10/2014 at 10:42 AM

Love most of the updates- but I miss full feed posts. I loathe having to click through an extra time to read a blog's content. I really hope you consider stopping truncation of posts on the front page and in readers such as feedly.

Alex
4/12/2014

We went back and forth on the full posts, as it's really a double edged sword. While it's convenient to have the full post, we're often not light on the text or photos in our posts. I was looking at our page sizes and when we load in full posts it's doubling or tripling the amount of time it takes to load a page, often causing people to just abandon before the page loads. For this reason we went with the truncated posts, but I know exactly what you mean.

I actually just made an update to the main page that should be a good middle ground compromise in getting faster loads while allowing you to see the full post without having to click over. The page loads truncated to the first four paragraphs of a post, but there's an option at the bottom of that post (on the first page of posts only) to load the rest of that post without leaving the page. Clicking that item auto loads the post and refreshes the background color once it's loaded.

We're going to have to look a bit more at the feedly/reader content. We've run into a lot of issues with readers when the full post is displayed.

Let me know what you think.

Jennifer
4/13/2014 at 1:20 PM

Thanks for the change. I can understand the page load issues, and appreciate the compromise. This is much better than having to wait for another page to load completely. The only thing I noticed is when I went to click on it, the unhide link seemed to wander up the page on its own.

4/12/2014 at 2:12 PM

It is nice to see that you have given a certain instruction which will make the process of leaving comments easier. When I first get acquainted to the internet I didn`t know what to do and it took me quite a lot of time to find out what is what.

Since you've not signed in yet, you will need to fill in your name and email below. If you have a Facebook account, save yourself a step and use Connect to login.

Denotes a required field.

Please enter full URL, including http://

You can use Markdown syntax in your comment. And you can also use lots of Emoji!
  • Search

  • Login
  • Follow
  • Advertising

If you're looking for information on advertising and sponsorships, head on over to our sponsorships page. You can purchase site sponsorships in a few easy clicks. 

Toolbox Tuesday
Open Housing
  • We're Featured!

Old Town Home has been featured in the following places and publications:

The Washington Post
 
Washingtonian Magazine
 
Domino
 
Old House Journal
 
 
Apartment Therapy House Tour
 
Washington Post Express Feature
 
Home & Garden Blogs
 
© 2024 OldTownHome.com. - Privacy Policy

Unexpected Error

Your submission caused an unexpected error. You can try your request again, but if you continue to experience problems, please contact the administrator.

Working...

Working...