Nooshu

@mixin content-visibility($size: 1000px) {
    content-visibility: auto;
    contain-intrinsic-size: $size;
}

.outer-wrapper {
    max-width: 940px;
    margin: 0 auto;
}

Nooshu

@mixin content-visibility($size: 1000px) {
    content-visibility: auto;
    contain-intrinsic-size: $size;
}

.outer-wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 48px;
}

Nooshu

## WebP
find ./ -type f -name '*.png' -exec sh -c 'cwebp -lossless $1 -o "${1%.png}.webp"' _ {} \;\n

## AVIF (s=speed / 0-10 / slowest-fastest)
find ./ -type f -name '*.png' -exec sh -c 'avifenc -s 6 $1 -o "${1%.png}.avif"' _ {} \;

Nooshu

#!/usr/bin/env jq -rMf

# Extract other metrics from the run data

# Headers for resulting CSV
["TTFB", "First Contentful Paint", "Start Render", "DOM Complete" , "Fully Loaded"],
	# drill down into the runs data
	(
	.data.runs 
	# convert the run data into an object and drill down into the run request data

Nooshu

#!/usr/bin/env jq -rMf

# Extract other metrics from the run data

# Headers for resulting CSV
["TTFB", "First Contentful Paint", "Start Render", "DOM Complete" , "Fully Loaded"],
	# drill down into the runs data
	(
	.data.runs 
	# convert the run data into an object and drill down into the run request data

Nooshu

#!/usr/bin/env jq -rMf

# Filter to extract DNS, Connect, SSL metrics from WebPageTest run JSON

# Headers for resulting CSV
["DNS", "Connect", "SSL"],
	# drill down into the runs data
	(
	.data.runs 
	# convert the run data into an object and drill down into the run request data

Nooshu

{
  "Colordepth": "number",
  "Dpi": "string",
  "Images": "string",
  "LastInteractive": "number",
  "LayoutShifts": "array",
  "PerformancePaintTiming.first-contentful-paint": "number",
  "PerformancePaintTiming.first-paint": "number",
  "Resolution": "string",
  "SpeedIndex": "number",

Nooshu

id
url
summary
testUrl
location
from
connectivity
bwDown
bwUp
latency

Nooshu

:status: 200
content-type: binary/octet-stream
content-length: 67900
date: Tue, 21 Apr 2020 21:50:57 GMT
last-modified: Tue, 21 Apr 2020 14:32:51 GMT
etag: "f38ad40456df126d75363b9d7b12c979"
cache-control: max-age=315360000,immutable
accept-ranges: bytes
server: AmazonS3
x-cache: Hit from cloudfront

Nooshu

time_namelookup:  %{time_namelookup}\n
time_connect:  %{time_connect}\n
time_appconnect:  %{time_appconnect}\n
time_pretransfer:  %{time_pretransfer}\n
time_redirect:  %{time_redirect}\n
time_starttransfer:  %{time_starttransfer}\n
----------\n
time_total:  %{time_total}\n