Skip to content
Tiatra, LLCTiatra, LLC
Tiatra, LLC
Information Technology Solutions for Washington, DC Government Agencies
  • Home
  • About Us
  • Services
    • IT Engineering and Support
    • Software Development
    • Information Assurance and Testing
    • Project and Program Management
  • Clients & Partners
  • Careers
  • News
  • Contact
 
  • Home
  • About Us
  • Services
    • IT Engineering and Support
    • Software Development
    • Information Assurance and Testing
    • Project and Program Management
  • Clients & Partners
  • Careers
  • News
  • Contact

5 ways IT pros can accelerate webpages in a day at no cost

Over the years, hundreds of techniques have been introduced to optimize website speed. And for good reason – a mere one-second delay in page load time can lead to a 7% loss in conversions. There’s no room for complacency, but unless web performance is your day job, it’s probably not obvious which recommendations are going to have the largest impact on your site.

The reality is that not any one person or team has the time and resources to follow all recommendations, so let’s dive into the tips that will have the largest real-world impact and can be implemented today at no cost.

  1. Use proper cache-control headers
functional

Edgio

Cache-Control: max-age=86400

The Cache-Control HTTP Response Header is used to specify browser caching policies. Policies include how a resource is cached, where it’s cached, and its maximum age before expiring(i.e., time-to-live). Implementing proper cache-control headers on static assets such as images, fonts, CSS, and JavaScript files can reduce the number of requests made to your server and improve page load times. Here’s what to do:

  • Ensure that cache control is set to public, allowing browsers to cache the assets more efficiently.
  • Set a Time to Live (TTL) of at least one hour for browser caching to ensure that users don’t need to download the same assets repeatedly during their browsing session.
  • Assign unique URLs with a fingerprint or hash to your static assets, especially for CSS and JS files, to ensure new versions of these files are downloaded when they are modified.

2. Optimize images for the target device

functional

Edgio

<img src=”…” loading=”lazy” height=”Apx” width=”Bpx” />

Image optimization is the most overlooked technique due to concerns over image quality – especially when converting to formats like WebP. However, optimizing images doesn’t have to impact the overall image quality and can lead to substantial improvements in page load times. Consider the following:

  • Defer loading high-quality images until the page is fully loaded.
  • Optimize images by serving them in the correct format and size for the target device (phone, tablet, or computer) and viewport.
  • Where possible, scale down the quality of images without sacrificing visual appeal to reduce their file size and improve load times.
  • Utilize the srcset attribute in your image tags to allow browsers to choose the best image size and format based on the user’s device and connection.

3. Preload and pre-connect headers in HTML documents

functional

Edgio

<link rel=”preload” href=”/lcp-img.png” as=”image” />

Preload is a new web standard that offers more control over how particular resources are prioritized and fetched to optimize their delivery. As a best practice, preload above-the-fold images using the rel=”preload” attribute images in the user’s viewport are loaded first, before content below the fold.

functional

Edgio

<link rel=”preconnect” href=”https://image.edg.io” />

Pre-connect is another important optimization tool for any sites hosting third-party content like scripts and plugins. It establishes early connections to the necessary origins for things like DNS lookups, TLS negotiations, and TCP handshakes, reducing the time it takes to fetch those resources. This could shave off latency by hundreds and even thousands of milliseconds.

4. Defer non-essential scripts and be intentional with your MarTech stack

Load your non-essential JavaScript files last by deferring them. Depending on the number of scripts your site uses, this simple tweak can dramatically improve your page load times. To do this:

  • Place marketing scripts at the end of the body tag or make them asynchronous, reducing the initial load time.
  • Be intentional about which scripts you load on each page, as you might not need 100% of your MarTech stack on every page. Avoid loading checkout scripts or media player scripts before they are needed.
  • Consider tree shaking to eliminate unused code and reduce the size of your JavaScript bundles, leading to faster load times.

5. ABC: ‘always be caching’

If you’re using a content delivery network (CDN), your resources are distributed to global edge servers, close to the end user. Today’s modern CDNs, such as Edgio’s, give you fine-grained edge cache controls for HTML documents – even those that are dynamically generated. These can be customized and optimized to significantly improve page load times.

Follow the mantra “always be caching.” Any time you can serve content directly from the edge, avoiding a trip to your origin server, it’s a performance win.

If caching is not possible, make page templates cacheable and load dynamic data client-side. This will help with Interaction to Next Paint (INP) metrics, an important factor in how Google measures the performance of your website.

Monitoring and testing techniques

To ensure your hard day’s work of improving site speed is maintained, it’s essential to stay proactive and continuously monitor your website. Consider the following monitoring tools.

Chrome user Experience report (CrUX): CrUX is a 28-day trailing average of site speed measurements from Chrome browsers. The results impact the ranking of your website in organic search results.

Real-time user monitoring (RUM): RUM tools provide immediate feedback based on real user interactions, accounting for real-world bottlenecks (ie. device, network conditions, settings, etc.). Focus on relative RUM numbers as leading indicators for what your CrUX data will look like in the future.

Synthetic testing: Synthetic tests are measured with a controlled test under ideal conditions. It does not represent actual users but can help you identify performance issues before features are released to any users. Run synthetic tests in a staging environment before every release.

Conclusion

It can be overwhelming to improve page performance when there is an abundance of advice on the internet. By focusing on these specific recommendations, you can tackle the issue with direction and intention, and make a positive impact on your website’s user experience.

If you’d like to get specific advice for your site’s performance, request a performance assessment from Edgio, a web application platform that accelerates pages to sub-second speeds on a massive global edge network.  

Infrastructure Management
Read More from This Article: 5 ways IT pros can accelerate webpages in a day at no cost
Source: News

Category: NewsMay 23, 2023
Tags: art

Post navigation

PreviousPrevious post:What Choice’s CIO sees in a cloud-native approach to sustainabilityNextNext post:3 reasons why AI strategy is HR strategy

Related posts

Barb Wixom and MIT CISR on managing data like a product
May 30, 2025
Avery Dennison takes culture-first approach to AI transformation
May 30, 2025
The agentic AI assist Stanford University cancer care staff needed
May 30, 2025
Los desafíos de la era de la ‘IA en todas partes’, a fondo en Data & AI Summit 2025
May 30, 2025
“AI 비서가 팀 단위로 지원하는 효과”···퍼플렉시티, AI 프로젝트 10분 완성 도구 ‘랩스’ 출시
May 30, 2025
“ROI는 어디에?” AI 도입을 재고하게 만드는 실패 사례
May 30, 2025
Recent Posts
  • Barb Wixom and MIT CISR on managing data like a product
  • Avery Dennison takes culture-first approach to AI transformation
  • The agentic AI assist Stanford University cancer care staff needed
  • Los desafíos de la era de la ‘IA en todas partes’, a fondo en Data & AI Summit 2025
  • “AI 비서가 팀 단위로 지원하는 효과”···퍼플렉시티, AI 프로젝트 10분 완성 도구 ‘랩스’ 출시
Recent Comments
    Archives
    • May 2025
    • April 2025
    • March 2025
    • February 2025
    • January 2025
    • December 2024
    • November 2024
    • October 2024
    • September 2024
    • August 2024
    • July 2024
    • June 2024
    • May 2024
    • April 2024
    • March 2024
    • February 2024
    • January 2024
    • December 2023
    • November 2023
    • October 2023
    • September 2023
    • August 2023
    • July 2023
    • June 2023
    • May 2023
    • April 2023
    • March 2023
    • February 2023
    • January 2023
    • December 2022
    • November 2022
    • October 2022
    • September 2022
    • August 2022
    • July 2022
    • June 2022
    • May 2022
    • April 2022
    • March 2022
    • February 2022
    • January 2022
    • December 2021
    • November 2021
    • October 2021
    • September 2021
    • August 2021
    • July 2021
    • June 2021
    • May 2021
    • April 2021
    • March 2021
    • February 2021
    • January 2021
    • December 2020
    • November 2020
    • October 2020
    • September 2020
    • August 2020
    • July 2020
    • June 2020
    • May 2020
    • April 2020
    • January 2020
    • December 2019
    • November 2019
    • October 2019
    • September 2019
    • August 2019
    • July 2019
    • June 2019
    • May 2019
    • April 2019
    • March 2019
    • February 2019
    • January 2019
    • December 2018
    • November 2018
    • October 2018
    • September 2018
    • August 2018
    • July 2018
    • June 2018
    • May 2018
    • April 2018
    • March 2018
    • February 2018
    • January 2018
    • December 2017
    • November 2017
    • October 2017
    • September 2017
    • August 2017
    • July 2017
    • June 2017
    • May 2017
    • April 2017
    • March 2017
    • February 2017
    • January 2017
    Categories
    • News
    Meta
    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org
    Tiatra LLC.

    Tiatra, LLC, based in the Washington, DC metropolitan area, proudly serves federal government agencies, organizations that work with the government and other commercial businesses and organizations. Tiatra specializes in a broad range of information technology (IT) development and management services incorporating solid engineering, attention to client needs, and meeting or exceeding any security parameters required. Our small yet innovative company is structured with a full complement of the necessary technical experts, working with hands-on management, to provide a high level of service and competitive pricing for your systems and engineering requirements.

    Find us on:

    FacebookTwitterLinkedin

    Submitclear

    Tiatra, LLC
    Copyright 2016. All rights reserved.