Bootstrap vs Foundation – Top 2 CSS Frameworks

bootstrap vs foundation

When it comes to being a developer and designer you usually always reach a crossroads of which CSS framework should you use? There are many out there to choose from, but two of the most commonly mentioned ones are Bootstrap and Foundation. In this post, we will be comparing the two CSS frameworks, Bootstrap vs Foundation. Read more below about how using a framework can help speed up and streamline your development and design process.

Read More

The Lowdown on CDN Dynamic Content

cdn dynamic content

Typically when hear or read about a content delivery network, they are always talking about how your static assets (such as JavaScript, CSS, images) are being delivered from the CDN edge server’s cache. This is definitely a typical use case for a CDN. A common misconception though is that CDNs can’t handle caching dynamic content, which is not always the case. The term “dynamic” though might be a little different than what you think. Read more below about how CDN dynamic content works and how KeyCDN can help speed it up.

Read More

Mobile CDN – Speeding up Content Delivery on All Devices

mobile cdn

When it comes to web performance, people are always discussing different optimizations in which you can speed up your website. One aspect unfortunately though that is quite frequently overlooked is how mobile devices come into this equation. In today’s post we want to show you why it is important to utilize, what we call a mobile CDN, and how it can help ensure fast load times across all devices, whether they be desktops, laptops, or mobile phones. Mobile is changing the way we need to think about the web.

Read More

X-Frame-Options – How to Combat Clickjacking

x-frame-options

HTTP security headers provide yet another layer of security by helping to mitigate attacks and security vulnerabilities by telling your browser how to behave. In this post we will be diving more in-depth into x-frame-options (XFO), which is a header that helps to protect your visitors against clickjacking attacks. It is recommended that you use the x-frame-options header on pages which should not be allowed to render a page in a frame.

Read More

Top 12 Browser Compatibility Testing Tools

browser compatibility testing tools

When it comes to designing and developing for the web, you will at some point in time inevitably come across a bug, compatibility and or rendering issue, with a browser in which you don’t have access to. Even with ever-improving standards support you almost always have to rely on third party tools to diagnose the issue. So today we want to cover the top 12 browser compatibility testing tools which you can use to debug problems and ensure all your visitors are receiving the same experience on your website or application.

Read More

Integrating Log Management into Your DevOps Workflow

log management

We live in a day where large amounts of data is constantly being distributed and recorded, and sometimes that can be overwhelming. One way to stay on top of everything is to integrate a well thought out log management system into your current devops or IT workflow. Log data can help you become aware of application errors, slow web performance, and other operational issues before they turn into a larger scale issue or start costing your company revenue.

Read More

PostCSS – Transforming Your CSS with JavaScript

postcss

When it comes to CSS there are always new tools being introduced to help us transform styles in a more fast and efficient manner. There has been a lot of buzz this past year in the development community about PostCSS. So today we thought we would give you a brief introduction on what PostCSS is and how you can utilize it to streamline your development workflow. Make sure to also check out our previous post where we discussed some of the differences between CSS preprocessors, Sass vs LESS.

Read More

Waterfall Analysis – Diving Into Your Website’s Requests

waterfall analysis

Analyzing website performance is something we do on a daily basis here at KeyCDN. One way we benchmark and troubleshoot slowness is by diving into the website’s individual requests and doing what we like to call a waterfall analysis. There are numerous tools out there like Chrome DevTools, WebPageTest, and Pingdom which will generate a waterfall chart of your website. Understanding how they work can help you to better pinpoint performance issues as they provide valuable insights about how specific assets affect your page speed and the user experience.

Read More

Setting and Calculating a Web Performance Budget

web performance budget

When it comes to web performance, it’s always a give and take game. Do you really need that script or 3rd party asset, and if so, what purpose or functionality does it serve? Is it something you can live without?  There is always a good balance that must be found between performance, functionality, UX, and design. That is why it is important to calculate and set what we call a web performance budget and try to stick to it as close as possible.

Read More

Fix Leverage Browser Caching Warning

local analytics

At some point in time when you are running speed tests with your website you will most likely encounter the all popular “leverage browser caching” warning in Google PageSpeed Insights. And we are referring to the one originating from Google’s analytics.js script. In this post today we are going to show you a couple options on how to easily setup local analytics to fix this warning. Depending upon your environment you might also see a slight performance improvement. We have also included a new way to more easily do this for those of you running WordPress.

Read More