Site teardown · Phillips66

Phillips66: a phone-and-desktop teardown

We loaded https://phillips66.com 4 times on a simulated iPhone and 2 more on a 1366px desktop, and wrote down what a real visitor would see on each. No login, no insider access, no Harvv pixel needed. Here is what repeated visits already show, sorted by how we know it.

July 17, 2026·External scan·4 mobile + 2 desktop loads · no pixel data·Download as PDF

TL;DRWhat jumped out

Of everything we found on this scan, this is the one to start with: Some text is low-contrast and hard to read. Text that does not stand out enough from its background is hard to read for many visitors, and fails accessibility guidelines Google checks.

Below: what's already working, every finding ranked by impact and tagged with the screen it affects, the speed numbers on phone and desktop, and a checklist of what to fix first.

00What's already working

Start here so the problems below are in context. These held up across the test loads:

  • Speed is good. The main content paints in about 0.6s in our test loads, inside Google's 2.5s "good" threshold. Real networks are slower, but the page itself is not heavy.
  • No JavaScript errors on load. Nothing threw a script error across the test loads, so buttons and tracking are not silently breaking mid-session.
  • Search basics are in place. Lighthouse scores SEO 100/100. The fundamentals Google looks for are present.
  • Layout holds on phone and desktop. Nothing spilled past the edge at either 390px (phone) or 1366px (desktop), so the structure is responsive.

This is one of several oil refiner sites we tore down the same way. The same friction repeats on Valero, and we pulled the cross-site pattern together in the oil-refiner web benchmark.

01Findings, ranked by what hurts conversion most

SeverityFindingHow we know
HighSome text is low-contrast and hard to readBothAccessibility (WCAG)
Text that does not stand out enough from its background is hard to read for many visitors, and fails accessibility guidelines Google checks.
paste into Claude, Cursor, or ChatGPT
MediumPage is heavy and slow on mobile dataBothPerformance
Each visit downloads about 37.2 megabytes, roughly 26517 KB of images and 271 KB of JavaScript across 70 separate downloads. On a fast connection that's fine. On a phone with patchy mobile data, that's several seconds of blank screen before the page is readable.
paste into Claude, Cursor, or ChatGPT
median across loads
LowImages have no width or height set (layout is stable for now)BothPerformanceSEO
31 of 33 images don't declare width and height. Your layout currently stays stable (measured Cumulative Layout Shift is 0, which is fine), most likely because space is reserved another way (CSS), so this is not causing visible jumps today. It is still worth setting explicit dimensions or a CSS aspect-ratio so a slow connection or a future style change cannot reintroduce shift.
paste into Claude, Cursor, or ChatGPT
LowSecurity headers are missing or weakBothSecurity
The server response is missing browser-hardening headers that protect visitors and are a standard security and agency checklist item. Missing or weak here: Content-Security-Policy (the main defense against injected and cross-site scripts); a stronger HSTS policy (max-age at least 180 days plus includeSubDomains). These are set at the server, CDN, or host level (most platforms expose them in settings or a config file) and do not change how the site looks or performs.
paste into Claude, Cursor, or ChatGPT
LowSome text is too small to read on phonesMobileAccessibility (WCAG)Conversion
60 chunks of text come in under 12 pixels on this page. Most visitors don't zoom, they just skim past anything that small. Bumping the smallest body text to 14 pixels makes the page read without effort.
paste into Claude, Cursor, or ChatGPT
median across loads
LowNo advertising pixel detectedBothTracking
Analytics is present but no Meta/Google/TikTok ad pixel was found. If you run paid ads, conversion tracking should be installed before the next campaign so the platforms can optimize toward buyers, not clicks.
paste into Claude, Cursor, or ChatGPT
LowNo email capture or newsletter detectedBothConversion
No email-marketing tag (Klaviyo, Mailchimp, etc.) was found. If capturing visitors is relevant to this site, an email signup builds an owned audience you keep regardless of ad costs. Not every site needs one.
paste into Claude, Cursor, or ChatGPT
LowNo visible contact details (email or phone)BothConversion
The page exposes no email or phone link. For higher-value or trust-sensitive purchases, a clear way to reach a human reduces hesitation. Add an email or phone link in the header or footer.
paste into Claude, Cursor, or ChatGPT
LowUnused JavaScript is being downloadedBothPerformance
Code that never runs on this page still costs download and parse time on every visit. Splitting or removing it speeds up load. Lighthouse measured: Est savings of 133 KiB.
paste into Claude, Cursor, or ChatGPT
LowUnused CSS is being downloadedBothPerformance
Style rules that this page never uses still block rendering while they download. Trimming them frees the paint path. Lighthouse measured: Est savings of 18 KiB.
paste into Claude, Cursor, or ChatGPT

Accessibility findings are automated checks against Web Content Accessibility Guidelines (WCAG) 2.1 and 2.2. They flag potential barriers and legal risk, not a certification or a determination of compliance with the ADA, Section 508, or EN 301 549. Automated testing catches only a subset of issues; a full conformance review needs manual and assistive-technology testing by a qualified reviewer.

From finding to fix
Want the fix, not just the finding?
Install Harvv and we turn each issue above into a ready-to-paste prompt for your AI coding assistant. Drop it into Cursor, Claude, or Copilot and the diagnosis becomes a concrete code change, written against this exact page.
Get the fix prompts

"How we know": unlabeled = a deterministic fact, identical on every load (e.g. element sizes). Most findings are this kind, so we only mark the exceptions: median across loads = a noisy lab metric, reported as a median. real-user field data = Google CrUX, actual Chrome visitors.

02Performance: phone, desktop, and real visitors

MetricMobileDesktopRead
TTFB (lab median)211 ms803 msLab
FCP (lab median)356 ms986 msLab
LCP (lab median)614 ms1.3sGood
Page weight (median)37.2 MB37.2 MBWatch

Google Lighthouse (lab): Performance 84 mobile / 72 desktop, SEO 100, Accessibility 88, Best Practices 100.

Lab numbers are from a headless mobile browser on an unthrottled connection: treat them as a floor, not a typical experience. Add a Google API key to light up real-user field data (CrUX) and Lighthouse scores.

03Tiny buttons are hard to tap on mobile

8 of 120 tappable items on this page come in below 44×44 pixels, the size Apple and Google both recommend for reliable tapping on a phone. The same ones came up small on every one of the 4 test loads, so this is the page itself, not a fluke.

When customers can't tap what they expect to, they get frustrated and many of them leave. They don't file a bug. They don't try again. They just leave. A desktop dashboard can't see this because it's the difference between a thumb and a cursor.

The buttons measuring below the minimum on this scan:

  • button 16x16 "Search"
  • button 16x16 "Menu"
  • a 74x15 "AVIATION"
  • a 74x15 "AVIATION"
  • button 114x18 "Cookies Settings"
  • a 276x15 "Phillips 66 Internet and App"
  • a 199x15 "Phillips 66 Privacy Statemen"
  • a 190x15 "California Supply Disclosure"

The fix is CSS-only on most sites: add padding around the icon (don't just change the icon size) so the actual tap area is at least 44×44 pixels. No redesign, no new assets.

04Technical SEO & structured data

CheckResult
TitleLeader in Energy Solutions | Phillips 66 (40 chars)
Meta description108 chars
H11 on page
CanonicalPresent
Structured data (JSON-LD)WebPage
Open GraphTitle + image

05The fix checklist

Everything to fix, priority first, each tagged with the screen it affects and a rough effort. Work top to bottom.

  1. Some text is low-contrast and hard to readBothVaries
  2. Page is heavy and slow on mobile dataBothSmall
  3. Images have no width or height set (layout is stable for now)BothCSS only
  4. Security headers are missing or weakBothVaries
  5. Some text is too small to read on phonesMobileCSS only
  6. No advertising pixel detectedBothDev afternoon
  7. No email capture or newsletter detectedBothVaries
  8. No visible contact details (email or phone)BothVaries
  9. Unused JavaScript is being downloadedBothVaries
  10. Unused CSS is being downloadedBothVaries

Effort is a rough read from the outside: "CSS only" means no new assets or backend work, "1 line" means a single tag, "Dev afternoon" means a developer needs to touch tracking or scripts.

06What this report cannot tell you

Everything above is from the outside, looking at the page on a simulated phone and desktop. The questions that actually decide revenue need real visitors. Install the Harvv pixel (one script tag, 16 KB, zero personal data, no engineering project) and within about 72 hours you'd know which buttons real customers tapped and missed, how often Google Analytics is missing visits, and exactly where mobile shoppers stalled and left. This report shows you where to look. The pixel shows you how often it happens, and to whom.

What to do next
See this same depth on your real visitors, every day.

Drop the Harvv pixel on phillips66.com and we turn this one-off scan into ongoing measured behavior: which taps miss, where sessions stall, and the real drop rates. Free to start, no card needed.

Add the pixel free

07How we did this, and what it can't prove

  • 4 mobile + 2 desktop loads of one URL from headless Chrome (iPhone viewport at 390px, desktop at 1366px), July 17, 2026. Enough loads to separate real defects from random noise, not a full-site crawl.
  • Lab numbers, not real-user numbers (no field data was available for this run). Real devices on real networks run slower.
  • Friction is inferred, not counted. We can prove a button is small. We can't, from the outside, count how often it causes a missed tap. That requires the pixel on a live page.

About Harvv, the source of this teardown

Harvv is a behavioral UX analytics platform (harvv.com). A lightweight JavaScript pixel captures how real visitors behave on a site (dead clicks, rage clicks, scroll depth, Core Web Vitals, JavaScript errors, and 50+ other signals) and the engine turns them into prioritized, plain-English findings. This teardown is the outside-in version of that: the same detectors run against a public page, with no pixel installed.

How to read it. Every finding here is a reproducible, automated measurement, not an opinion: element sizes, contrast ratios, load metrics, and structured-data checks that anyone can re-run against the same URL. The method is stated in full above. Automated testing catches a subset of issues, so this is a starting point, not a certification.

Full disclosure. Harvv makes the pixel that would measure the friction these findings imply, so we have a commercial interest. That is exactly why the findings are kept to things a reader can verify independently, and why nothing here is inflated: an unreproducible claim would undermine the tool it is meant to demonstrate.

Prepared by Harvv (harvv.com), a behavioral UX analytics platform. Last updated July 17, 2026.

Related teardowns

Valero
Behavioral teardown
Par Pacific
Behavioral teardown
Delek US
Behavioral teardown
HF Sinclair
Behavioral teardown

See all site teardowns →  ·  Read the oil-refiner web benchmark →

harvv://this-page live
Scroll depth how far you read0%
Dead clicks clicks that did nothing0
Rage clicks frustration bursts0
Interactions clicks that worked0
event log · live