Starcraft now works in the browser and it’s amazing

starcraft-html5 I love the original Starcraft. It’s hands-down the game I’ve spent the most time playing and was my first introduction to dial-up multiplayer back in 1999. Now, someone’s managed to port Starcraft into the browser for the first time thanks to HTML5. A user on GitHub, known only by the first name of ‘Ryuta’ uploaded a repository containing the bits, which you can have running on your own in a few seconds. It requires no installation and shows some basic demos of controlling units, entering combat and even the full animations from the game. It’s not comprehensive yet — the levels are just demos — but Rutya wrote in the instructions that demonstration even contains the same cheat codes from the original Starcraft. Despite some oddities and rough corners, it’s an impressive recreation of a timeless game that shows off the power of the Web. I’m rustier than I remembered, but it was a fun blast from the past and made me nostalgic to play the full game again. The only problem with this HTML5 version of the game is that it uses the original assets and audio without permission, which Blizzard is likely to have a problem with. The company has taken down other projects that used their brands in the past. A hosted version, so you don’t need to download it, is available here but don’t expect it to last for long.

HTML5 Looks Good in Light of Google, Facebook and IAB Moves

HTML5-Looks-Good-Light-Google As the first anniversary of its official publication by the World Wide Web Consortium (W3C) approaches, HTML5 has made tremendous progress. The young browser markup language has consolidated its gradual gains and further distanced itself from legacy browsers. The value proposition of HTML5 is that it performs tasks within its basic functionality that in the past required users to download and install plugins. HTML5’s ascendance was solidified by a few recent announcements. The most important were Facebook’s decision to use the markup language, The Internet Advertising Bureau (IAB) move to fully enfranchise HTML5, and Google’s decision to stop supporting Flash plugins in its Chrome browser. The idea is that HTML5 now is viable for most Web-based display tasks. Al Hilwa, the program director for Software Development Research at IDC, suggested that HTML5 is a major tool as the types of devices proliferate. “HTML5 is making slow and steady progress,” Hilwa wrote in response to emailed questions. “It will be helped greatly by the wind-down we are seeing now in plugin usage and by the settling down of the HTML video battles. HTML5 is generally capable of handling typical needs of front-end Web usage and the need for plugins is declining.” The IAB Has Its Say Nowhere is the relegating of plugins to the dust bin of technology history a bigger deal than in the world of Web-based advertising. The move by the IAB, which was made in mid-August, leaves no doubt about where the IAB thinks the future is. The organization released the “IAB Display Creative Guidelines” for public comment on August 17. It is, according to the organization, “an overhaul that fully embraces HTML5.” The new approach will change key specifications, such as file weights and packaging, for optimal load performance when HTML5 is employed, the organization said. The IAB also said it is developing the “HTML5 For Digital Advertising Guide.” The bottom line is that the IAB believes HTML5 will grow. There were two main reasons for making the move, according to Scott Cunningham, the senior vice president of the IAB and general manager of the IAB Tech Lab. He indicated that HTLM5 is the only markup language that can work ubiquitously across all popular devices and platforms to present advertisements and that the organization reacted to decreasing support for Flash. The Flash issue is another sure sign that the industry believes HTML5 is ready for primetime. “Audience capable of viewing and experiencing Flash Ads has been diminishing over the years due to growth in mobile devices and steps taken by browsers to improve performance that limit Flash plugin capabilities to render display creative as crafted by ad designers,” according to Cunningham. Cunningham’s point about the fading of Flash was echoed by Chrome’s announcement that Flash ads would not be supported on the browser going forward. That’s an especially big deal because Chrome is now the fastest-growing browser. HTML5’s multimedia capabilities are powerful. “This allows an ad to natively enable immersive and responsive user experiences without the need for additional plugins or their dependencies,” Cunningham wrote. “In addition, it introduces other powerful capabilities like geolocation and semantics that can also help ads serve more relevant content.”

Twitch reveals it will convert its streaming video to HTML5 next year

twitch-reveals Twitch, the popular game-streaming service that is currently holding its first community event TwitchCon in San Francisco’s Moscone Center, announced during yesterday’s keynote that it will overhaul its live-streaming video players and controls from Flash to HTML5. The changeover will take place in the second quarter of 2016. The new technology will allow Twitch to offer its service to more platforms without having to hassle with third-party app support. In other news, Twitch said that it was updating its Whisper private-messaging app with a feature that pops out messages so users can’t miss them and that conversations will transfer back and forth from web to mobile. Twitch also said it would allow streamers to create custom thumbnails for past broadcasts and highlights. The two-day TwitchCon event will conclude on Saturday evening Pacific time.

With Digital Ads Shifting to HTML5, the Industry Now Has a New Set of Guidelines

html5-digital-shifting The long-called-for migration of digital ads from using Adobe Flash to HTML5 is becoming a reality. It's a shift underscored by, among other developments, Amazon's switch to HTML5-only promos earlier this month, as well as The Washington Post last week committing to publishing its content on Facebook via the markup language. With that in mind, the Interactive Advertising Bureau today is updating its guidelines for brand marketers and ads-focused technologists on how to best employ HTML5 software. The main items addressed in the second version of the handbook, dubbed the IAB HTML5 for Digital Advertising Guide, include techie advice on creative assets optimization for desktop and mobile viewers, recommendations on video and animation executions, specifics about how to utilize shared content libraries and suggestions on text and fonts. The handbook's 1.0 version was last updated in July 2013. "It is the continuation of the migration from the Flash world to an HTML5 world," Scott Cunningham, svp at IAB and general manager of the IAB Tech Lab, told Adweek. "It gives us an opportunity for cross-screen digital security layers and better optimized—from a technical perspective—delivery mechanisms. It is a fresh update to the guidelines that were established a couple of years ago." As Cunningham alluded to, one of the chief reasons publishers are adopting HTML5 lies in security; they're responding to Web portals like Yahoo and MSN getting attacked by from malvertising, which injects malicious promos into legitimate digital ad networks. Another key advantage HTML5 has over Flash is that HTML5 more easily renders multimedia content as it is capable of running on any computer and mobile device—whether iPhone, Android, iPad, Microsoft Surface, etc. Some gadgets cannot render Flash-powered content. It's been a pretty big turn of events for HTML5 developers in the last year, as there were observers declaring the system dead toward the end of 2014. That's clearly no longer the case. Meanwhile, the IAB's guide has also been reorganized to break down elements that specifically relate to ad designers, developers and ad servers. These features include a list of potential tools for HTML5 ad development as well as detailed information on compatibility with different Web browsers. The report—put together by the IAB Technology Laboratory—coincides with the kick off of the annual IAB MIXX Conference today.

BBC iPlayer moves away from Flash and towards HTML5

bbc-iPlayer-moves-flash-to-html5 The BBC's iPlayer has been made available using the HTML5 web language, at the expense of Adobe's Flash player. The broadcaster's media service was one of the most prominent online platforms to use Flash. Adobe's plug-in has been criticised by some security experts, who said it was a weak point of many sites. Flash use has been decreasing and the move will provide a further blow, but it will not kill off Adobe's product, said one security expert. The BBC announced the decision to move towards HTML5 on Tuesday. In a blogpost, it said it was "now confident [it could] achieve the playback quality you'd expect from the BBC without using a third-party plug-in" such as Flash player. Users have been invited to visit a BBC site where they can set a cookie in their browsers that will allow them to access the HTML5 player when they visit iPlayer in future. However, the Flash version will remain available. 'Upgrade' The BBC said it was testing the new player on a range of browsers, including Google Chrome on all platforms, Firefox 41 and Safari on iOS 5 and above. Others chosen for the test are Opera 32, Internet Explorer 11 and Microsoft Edge on Windows 10 and Blackberry OS 10.3.1. The BBC added that it was also going to "move away from the BBC Media Player app on Android devices" with users invited to join a limited beta test in the blogpost. "We've been working for the last few months to upgrade our existing HTML5 player to make it usable on the desktop as well as mobile and tablet," wrote James East, the BBC's product manager for media playout. "We'll be working over the coming months to improve the HTML5 player to match the abilities of our Flash player and to refine the functionality and design based on your feedback." He said that most video programmes would be available on HTML5 on iPlayer immediately but, for those that took longer to become playable, users would be able to use the old player. Flash Adobe's Flash is one of many plug-ins used to display multimedia content on websites. HTML5, the latest version of the dictionary used by the majority of the worldwide web, incorporates video hosting, where its predecessors did not. The BBC has joined Netflix and other major firms in adopting HTML5 and information from analytics website Built With shows a downward trend in the number using Flash over the last 12 months. The iPlayer, which the BBC said received 250 million TV and radio requests in July this year, was one of the most prominent. However, many of the internet's largest sites still do use Flash, including Amazon, IMDB and the US video site Hulu. Unfair criticism The plug-in has been repeatedly criticised over its security record and, in June this year, Adobe had to release an emergency software patch after a serious vulnerability was found. But the security expert Chris Green said Flash still had an important role to play and was sometimes unfairly maligned. "The industry has moved on from trying to shoehorn one thing in, whether that is Flash or Microsoft's Silverlight. It continues to be very effective in delivering rich content into web pages." He added that media outlets tended to focus on Flash's weaknesses because it was so widely used.

Firefox tries to edge out Microsoft in Windows 10 browser battle

Firefox-windows-battle The latest version of Mozilla's web browser is looking to unseat Microsoft Edge as the default browser in Windows 10. Watch out, Microsoft. Firefox is gunning for its own chunk of the browser space in Windows 10. Released on Tuesday, Firefox 40 is the latest version of Mozilla's browser and the first designed with Windows 10 in mind yet with its own look and feel. The icons sport greater contrast to better stand out. The screen opens up more real estate for the actual web pages. And a minor renovation paints the top and bottom areas of the browser a more user-friendly gray instead of the standard white. But it's Firefox's move to assert itself as the default browser that stands out the most in an attempt to challenge Microsoft. In July, Mozilla CEO Chris Beard lashed out at Microsoft for not only making its new Edge browser the default in Windows 10 but also for making it difficult to switch the default to a different browser. In an open letter to Microsoft CEO Satya Nadella, Beard called the software giant's action an "aggressive move to override user choice." Mozilla needs all the help in can get in rounding up more users. Firefox is stuck at a distant third in terms of browser market share, according to Web tracker Net Applications. In July, Microsoft's Internet Explorer was top dog with a browser traffic share of 53 percent, followed by Google Chome with 27 percent. Firefox, which at one point was ahead of Chrome, came in third at just 12 percent, Net Applications reported. Now with its new version of Firefox, Mozilla is fighting Microsoft for a slice of Windows 10 territory. As usual, Firefox asks if you want to set it as the default browser the first time you launch it. You can say 'yes,' 'no,' or tell Firefox to ask you the same question each time. No matter how you answer that question, you can change the default any time you want, but the process is more cumbersome in Windows 10 than it was in previous versions of Windows. Normally, you would open Firefox, click the toolbar icon with the three horizonal lines (known as a hamburger menu). From there, you'd click on the Options icon and under Startup, click the button to make Firefox your default browser. In Windows 8.1 and previous versions, that would do the trick. But in Windows 10, you have to go a step further. In the new OS, Microsoft now takes you to a system setting that still shows Edge as the default browser. You have to click on that setting and change it to Firefox. You can also just bypass the steps in Firefox and go directly to the Windows 10 Settings page, as described in this CNET how-to article. Still, the whole procedure is unnecessarily confusing, mostly because it's different than in prior versions of Windows. That's why Mozilla made sure to post a support blog page to tell you just how to switch the default to Firefox. With version 40, Firefox also now wants to be the goto browser for your web searches. Normally, when you run a Web search from the Windows 10 taskbar search field, Microsoft Edge pops up to reveal the results using Microsoft Bing. But now if you set Firefox as the default, Firefox takes over to show you your search results using the search engine of your choice. The first time you try this, Windows 10 will ask if you want to use Firefox every time. Just answer yes, and it will become your default browser for all web searches from the taskbar search field. There's one more change in the new version of Firefox aimed toward beefing up security. Browser add-ons can sometimes be a source of malware, most notably those that aren't certified. An add-on can be a colorful theme, an extension such as an ad blocker, or another piece of software that enhances the browser in some way. To make sure an add-on is secure, a team of people at Mozilla check each add-on and approve, or certify, the ones that are safe to install. Starting with Firefox 40, Mozilla will now certify all add-ons that you attempt to install. For now, the browser will simply warn you if the add-on is uncertified, or unsigned. But in future releases, Firefox will actually disable any add-ons that are not signed. The move to disable unsigned add-ons may trigger some complaints from Firefox users who like to beef up their browser with add-ons. Mozilla said it's working with add-on developers to help them meet the new standards. But that process is likely to take time. So users of future Firefox versions may find themselves unable to install a favorite add-on until and unless it's been certified by Mozilla.

HTML5 and SEO Myths

html5-seo-myth HTML5 is the latest iteration of the W3C's markup language, and as more and more webmasters and companies take advantage of its capabilities, it is only natural that certain myths and fallacies will pop-up regarding its benefits and pitfalls. One area, in particular, that we see this happening is in the SEO arena. To help clear this matter up, today's blog post will look at some common HTML5 search engine optimization myths. Search Engine Optimization Myths It is hard to understand the myths behind HTML5 and search engine optimization without knowing some common SEO myths themselves. To further complicate matters, the major search engines (Google, Bing, etc) are not very forthcoming with the various parts of their ranking algorithms. This leads to more confusion, as SEOs and Internet Marketers debate what works and what doesn't. Add in a new or updated "version" of HTML, and you can see why these myths begin to become part of the popular web development lexicon. SEO Myth: HTML5 Does Not Help Ranking I have seen the claim on many websites that HTML5 does not have any effect on your position in the search engine page results (SERPs) at all - and even some who claim it has a negative effect on your digital marketing efforts. To answer the question in simple terms: yes, when used properly, HTML5 can help with your SEO efforts - just as previous HTML specifications could. HTML5 has some special elements to it, however, that make it far easier for search engines and bots to truly understand not just the words within the various elements, but the intent of the elements themselves. Known as Semantic elements, these new tags are meant to better define the layout of pages and better describe their contents. SEO Myth: HTML5 Is Bad For Video While they are coming around, some webmasters preferred (and still prefer) to use Flash for embedding video content on web pages. Those that still opt for this route are missing out on some key HTML5 features that allow you to make videos more SEO-friendly. Using the tag, you can add additional information about the content in your videos. HTML5 allows for the use of labels, captions, and subtitles on video content, giving you an extra opportunity to define your media. As an aside, the same type of parameters exist for static image content as well. Instead of relying on img tags and "alt" text, HTML5 gives you the tag and to define "captions" - just like you would see in old printed newspapers. SEO Myth: You Can Only Use One h1 Tag Even prior to the invention of HTML5, the proper use of the h1 tag (and heading tags in general) lead to much confusion for web developers and SEOs alike. Now that the newest iteration of our favorite markup language is in full steam, the mystery around h1 tags has become even cloudier, as new rules are in place that dictate the proper - or better put, "best" - use of the tags within a document. For starters, you can absolutely use more than one h1 tag on your page. In fact, if your content calls for it, you should use multiple h1 tags. The general rule of thumb is this: for each new "content section", you can use an h1 to label your section. Note that you do not have to use an h1 - you can use any header tag you deem necessary. However, as a best practice, I advise that you do. If you need more than one label or header in an article section, you should use the traditional h tag heirarchy (for example, h2, h3, and so forth). Other Reasons HTML5 Is Good For SEO While there are plenty of myths floating around about the overall negative effects of HTML5 on SEO, the truth of the matter is that the markup has many great benefits that will help your site rank better than previous iterations or specifications. From helping with code validation to speeding up web page load times (a factor Google uses for its ranking algorithm), HTML5 truly was designed to help webmasters better define their layouts, content, and indeed their entire websites in a way that makes sense not only to humans, but to search engines as well. So do not buy into the negative hype around HTML5 from an Internet marketing standpoint. Many, many hours of research and planning went into developing it and ensuring it made the work of Google and Bing much easier. Take advantage of that hard work and consider updating your old site to current standards!

5 Best Practices to Improve SEO for Your Firm’s Website

5-best-practices-seo Editor’s Note: The author of this post is the head of a company that advises law firms in marketing technology. By Jaron Rubenstein, Founder and President, Rubenstein Technology Group Effective search engine optimization is crucial to the success of your law firm. With more and more clients turning to the web to learn more about referred lawyers and to find legal services, an effective firm website optimized with SEO isn’t optional anymore; it’s a necessity. For many law firm websites, SEO is the foundation of their online presence. Without it, searches for attorneys in your firm might direct potential clients to other sites, such as LinkedIn or a local periodical, instead of your own site. This type of misdirection could result in lost business opportunities, which benefits neither your firm nor the people seeking your firm’s expertise. The reality is that if people can’t easily find your firm and your attorneys online, they won’t — and will instead turn to a competitor with better digital accessibility. SEO and Web Design: Then and Now As search engine algorithms continue to evolve, so do modern standards for SEO. Today, SEO is largely focused on targeted website content and its implementation in HTML code. External search engine advertising or the use of PR campaigns to drive clickable links might also help give your firm a higher search engine ranking, but these are more costly and only effective if your baseline SEO is done correctly. However, for law firm websites designed three or more years ago, this higher ranking might not be possible. Sites created using older web development technologies often don’t align with today’s SEO requirements. Site attributes, such as invalid website coding, missing mobile support, or a lack of SEO-friendly URLs, prevent these websites from maximizing the strong online search presence they need in today’s market. Boosting Your SEO With continued search engine progression and development, a pretty website design isn’t enough to draw in potential clients and drive revenue. Firms today need websites that encapsulate both an engaging design and effective, high-ranking SEO strategies. Here are five tips to ensure your firm’s website is optimized for success: 1. Use meaningful URLs. User-friendly, or human-readable, web addresses are helpful to both search engines and potential clients trying to navigate your firm’s website. Content management systems like RubyLaw and WordPress automatically generate these meaningful URLs based on page titles and offer the option of manually defining each URL. You can further manage these to ensure they contain keywords pertinent to your topic and your target audience. 2. Make content easy for search engines to index. Ensure your development firm builds web pages using standards-compliant HTML5, which enables search engines to properly parse your content. Use semantic coding techniques and microformats to help develop meaningful page structures, and ensure the proper hierarchy of headings and page content is in place. When possible, create web pages to house full content or abstracts on your site rather than upload PDFs or link to external resources. Make sure search engines can easily itemize the topics your site is addressing through SEO-friendly site navigation, optimized page titles, meta descriptions, and keyword tags. Helping search engines crawl through your content from page to page allows algorithms to better index it, which means better SEO. 3. Focus on specific keywords. It’s important to use appropriate keywords within your content so search engines can properly index your site for common terms that your audience might use when searching, but be careful not to overdo it. Search engines’ complex algorithms are now sensitive to “keyword stuffing,” or inserting any relevant terms for the sake of indexing, which means using the same keywords over and over again will no longer push you to the top of a Google search result. Use enough of the words or phrases that are important to your firm so the algorithms take notice — but not so much that they will ignore it. This tends to be easy for law firms, as key content phrases are often already a part of your content. When appropriate, tie website content into trending topics online to attract attention to the firm for these related matters. 4. Go mobile. With increasingly large numbers of the world’s web traffic coming from mobile devices, some search engines, such as Google, have already started penalizing sites that aren’t mobile-optimized. While this might not affect your firm’s search engine ranking on traditional desktop computers, this means users searching for your expertise on their phones and tablets are less likely to see your firm listed on the first page of search results. Reduced visibility diminishes the number of chances to improve page ranking due to a corresponding decreased likelihood of getting hits on that link. Making your site more mobile-friendly by making text more readable or spacing out tap targets can help eliminate this issue. 5. Keep your content fresh. The most effective way to ensure the right audiences find your site is to continually publish rich, relevant content. When you publish valuable content regularly, it not only keeps your firm’s site up-to-date, but also allows search engines to accurately index your content. Provide a site map (via the Sitemaps protocol) to ensure search engines discover all of the content on your website and can prioritize their crawling accordingly. It’s no secret that web development and SEO standards have changed over the years, but following these best practices for your website can be the difference between bringing in a new client and losing an opportunity.

HTML5 Tips for Optimizing Speed

html5-optimzation HTML5 brings many great features and benefits to the table, but one of the most often overlooked features is one that has become increasingly important from a visitor usability standpoint and, as Google recently stated, from a search engine optimization (SEO) perspective. This ability to increase page load times and decrease server loads is the very subject of today's HTML5 development article. HTML5 Best Practices for Speed Optimization We live in a fast food world. The lumbering beast once known as "Patience" has steadily been defeated by the hand of almighty technology. Gone are the days of slow and steady wins the race. Today, more than ever, speed is everything. This applies to everything - whether that be cooking a delicious corn dog or surfing the web for the latest celebrity gossip. The world no longer wants a story - they want sound bites. The faster the better. If you are like me, you may remember logging onto the Internet before "The Internet" - the old bulletin board systems (BBS). You would dial-up with your old 1200kbs modem and wait patiently for the screech and clang symphony of sweet connected bliss. Your reward for this patience? A bunch of text with no real images (maybe some ascii characters arranged to look like a picture) and certainly no videos. Ah, those were the days. Today, however, websites must be more than mere text. They must be media rich and tech savvy. At the same time, they cannot sacrifice function or speed. We Internet users want our cake and want to eat it too. Factor in the dawn of the mobilization of the Internet, and it is more important than ever to adhere to web development best practices, particularly when it comes to speed optimization and server load times. To help you in this endeavor, below are some tips for optimizing HTML5 websites for mobile and desktop users. Prioritize Assets When a user visits a web page - be it via a desktop computer, tablet, or mobile device, all of the content a user sees without having to scroll down at all, is known as above-the-fold content. Any part of the page that requires the user to scroll down is known as below-the-fold. Best web practices dictate that any content (text, image, media, etc) that are above the fold should render (ideally) without requiring numerous trips back to the server and the user's computer. This is especially true for visitors with mobile browsers, as their network speed and browser speed is likely less than that of their desktop and home networks. There are several steps you can take to prioritize any above-the-fold content. For starters, you can reduce the amount of assets that are resource intensive, such as large, high resolution images. Another way to reduce the amount of resources needed is to structure your HTML5 code in such a way that it loads all of your important, above-the-fold assets and content first, then load up everything below-the-fold. Minify Your Resources As seasoned coders, sometimes we like to experiment with page elements, sometimes on-the-fly. Maybe we implement a new portion of code and comment out older, less efficient code, opting to "hide" the code rather than remove it completely, just in case we need it in the future, or your new fix causes problems you did not foresee. Nothing wrong with that. What tends to happen to the best of us, more often than not, is that we forget to go back and remove all of that unused code. This pads up our files and is sloppy coding practice. When we talk about minifying resources, we are specifically discussing the art of minification. That is, remove any and all code or data that is either a duplicate of existing code, or is (for all intents and purposes) unused. It also includes removing extraneous comments in our code, whitespace, unnecessary formats, and even creating variable and function names that are shorter. Essentially, whatever you can do to shorten your code and ease the burden on the web browser. Minifying code includes HTML5, CSS, and JavaScript as well. Enable Compression on Your Web Server Finally, setup gzip compression on your web server to help reduce the page load time (sometimes you can actually increase your site's speed by upwards of 90%). There are many resources available on the web that can show you how to enable compression - no matter what type of server you use - and that discuss the benefits of gzip compression. A quick Google search should have you up and running in no time!

Easy Ways To Speed up Your WordPress Site

easy-ways-speed-wordpress Let’s face it, no matter how clever your website, and how amazing your content is, if your pages load at a snail’s pace then you can’t help but provide a bad user experience. This will not only affect your search engine ranking (as Google factors site speed into its algorithm), but also the retention rate of existing customers, and level of acquisition of new customers. Fortunately for us, there are many ways to improve the speed of a WordPress website. With nearly every prolific blogger and WordPress user offering quick tips for speeding up your site, it’s easy to get bogged down in information. We aim to provide a quick run down of the most effective steps you can take to improving your website’s speed—starting at the very beginning with your hosting provider. Before you make any changes you may want to measure your current speed so you can track your progress. You can do this by using Pingdom Tool’s site speed test and measuring the results against Moz’s speed guide.. Behind every good website is a good hosting provider. And if you want to ensure a high baseline speed, along with minimum down time—particularly in high traffic periods—it is best to steer clear of shared hosting. The problem is that a renting a full, dedicated server of your own can be quite pricey, and it is not really necessary unless you have very high traffic. However, there is a way to attain the power and control of a dedicated server with the affordability of a shared server: its called a VPS (virtual private server). Image Compression When visiting your site, images are quite likely the largest source of data that your users will download. If the size of your homepage is 1MB, a visitor with a 10Mbit connection will load it in 800 milliseconds. Reduce your images by 500kb, and it will take less than half a second for that page to load. To compress your images while avoiding clogging your site with additional plugins, try the JPEGmini application—available for both windows and mac. It uses an intelligent and ‘lossy’ optimisation algorithm to reduce image size by up to 30%, without losing quality. Client-side Caching When searching the web our browsers cache some data from websites automatically to improve page load speed. We can improve the caching process by specifying a longer duration of time for our static content (JavaScript, CSS, images etc.) to be stored. Do this by adding the ‘Expires’ header into your .htaccess files. It may sound a little bit tricky, but it couldn’t be simpler; You can find the code for the Expires header everywhere online, but we recommend using the HTML5 Boilerplate which can be found here. Server-side Caching You can also optimise caching at a server level so that whenever a user visits your site, they will be served with a static html file instead of having to load the comparatively heavier WordPress PHP scripts. A great way of doing this is with the WP Super Cache plugin. With over 6 million downloads it is the most popular caching plugin for WordPress, largely due to its usability and ease of adjusting the rate at which static html files on your pages refresh. Optimising Your Database Databases are where all the valuable data shown on your pages is stored. Every so often, it is advisable to check your ‘database overhead’ and remove any stale data that may be slowing down your site. Another plugin that outweighs itself in value is the WP-Optimise plugin. Rather than precariously sifting through your database, WP-Optimise can quickly identify spam, post revisions, and drafts, and reduce their overheads. Using a Content Delivery Network (CDN) The idea behind using a CDN is very simple: Delivering your content through ‘edge servers’ placed around the world, so users can download content locally and therefore more efficiently. It’s very likely your favourite blog is using a CDN, and you can easily set up your own with plugins such as Jetpack’s Photon—one of the most popular WordPress plugins available. Follow these simple steps and your WordPress website will be operating at a faster speed than the majority of other sites on the web.