Run 2 summary

https://francearchives.fr/fr/emplois

Tested 2021-12-19 20:18:24 using Chrome 84.0.4147.89. 3 runs and connectivity native.  

All runs: 1 - 2 - 3

Back to summary
SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayCPU Third partyScreenshots

Summary

MetricValue
Performance score85
Total page size781.1 KB
Requests27
TTFB66 ms
Fully Loaded1.666 s
First Visual Change811 ms
FCP783 ms
LCP783 ms
CLS0.0026427227460764937
Total Blocking Time485 ms
Max Potential FID226 ms
CPU long tasks5
Speed Index852 ms
Visual Complete 85%811 ms
Visual Complete 99%1.656 s
Last Visual Change1.656 s
Screenshot
Download videoDownload timeline

Waterfall

Download HAR

Video

Download video

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
0.3 sCPU Long Task duration 456 ms
0.8 sCPU Long Task duration 53 msFirst Contentful Paint 783 msLCP <DIV> 783 ms
0.9 sFirst Visual Change 811 msVisual Complete 85% 811 ms
1 sDOM Content Loaded Time 920 msCPU Long Task duration 226 ms
1.2 sCPU Long Task duration 214 ms
1.3 sVisual Complete 95% 1.251 s
1.4 s
1.5 sCPU Long Task duration 195 ms
1.7 sPage Load Time 1.634 sLast Visual Change 1.656 sVisual Complete 99% 1.656 sFully Loaded 1.666 s

Coach

The coach helps you find performance problems on your web page using web performance best practice rules. And gives you advice on accessibility, privacy and best practices.

I am the coach

Coach score

Accessibility advice (98)

TitleAdviceScore
Always use an alt attribute on image tags (altImages)The page has 1 image that lack alt attribute(s) and 1 of them are unique.90
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/logo_republiquefrancaise.png
Use headings tags within section tags to better structure your page (sections)The page is missing heading(s) within a section tag on the page. It happens 5 times.50

Performance advice (85)

TitleAdviceScore
Don't scale images in the browser (avoidScalingImages)The page has 1 image(s) that are scaled more than 100 pixels. It would be better if those images are sent so the browser don't need to scale them.90
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/logo_republiquefrancaise.png
Avoid slowing down the critical rendering path (fastRender)Maybe you could server push your CSS resources for faster rendering but that is actually really hard to get right :(. The style https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css is larger than the magic number TCP window size 14.5 kB. Make the file smaller and the page will render faster. The style https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css is larger than the magic number TCP window size 14.5 kB. Make the file smaller and the page will render faster. The style https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css is larger than the magic number TCP window size 14.5 kB. Make the file smaller and the page will render faster. The page has 3 render blocking CSS request(s) and 0 blocking JavaScript request(s) inside of head.85
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css
Avoid Frontend single point of failures (spof)The page has 1 requests inside of the head that can cause a SPOF (single point of failure). Load them asynchronously or move them outside of the document head.90
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap
Avoid doing redirects (assetsRedirects)The page has 1 redirect(s). 1 request(s) are from other domains, it could be 3rd-party assets doing unnecessary redirects. :(90
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref=
Avoid extra requests by setting cache headers (cacheHeaders)The page has 2 request(s) that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 305 B the next access.80
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref=
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref=&Rdt=On
Long cache headers is good (cacheHeadersLong)The page has 1 request(s) that have a shorter cache time than 30 days (but still a cache time).99
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap
Always compress text content (compressAssets)The page has 12 request(s) that are served uncompressed. You could save a lot of bytes by sending them compressed instead.0
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-typeahead/jquery.typeahead.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-3.1.1.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-typeahead/jquery.typeahead.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/cubes.pnia_portal.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/js/bootstrap.bundle.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/bundle-glossary.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/xtcore.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/logo_francearchives.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/icon-social-twitter-blue.svg
Total CSS size shouldn't be too big (cssSize)The total CSS transfer size is 298 kB and uncompressed size is 309.1 kB. That is big and the CSS could most probably be smaller.50
The favicon should be small and cacheable (favicon)The favicon size is 15350 bytes. That's quite big, can you make it smaller? 50
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/icons/favicon.ico
Avoid too many fonts (fewFonts)The page has 2 font requests. Do you really need them? What value does the fonts give the user?80
  • https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/fonts/fontawesome-webfont.woff2?v=4.5.0
Total JavaScript size shouldn't be too big (javascriptSize)The total JavaScript transfer size is 280.6 kB. This is quite large. 50
Avoid using incorrect mime types (mimeTypes)The page has 1 misconfigured mime type(s). 99
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/fonts/lovelo/Lovelo-Black.otf
Make each CSS response small (optimalCssSize)https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css size is 163.3 kB (163307) and that is bigger than the limit of 14.5 kB. https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css size is 33.5 kB (33539) and that is bigger than the limit of 14.5 kB. https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css size is 86.4 kB (86364) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB.70
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css
Don't use private headers on static content (privateAssets)The page has 1 request(s) with private headers. Make sure that the assets really should be private and only used by one user. Otherwise, make it cacheable for everyone.90
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap

Best practice advice (73)

TitleAdviceScore
Meta description (metaDescription)The page is missing a meta description.0
Avoid use too many third party responses (thirdParty)The page do 15% requests to third party domains (4 requests and 47 kB). First party is 23 requests and 752.9 kB. The regex .*francearchives.* was used to calculate first/third party requests.50
Avoid Unnecessary Headers (unnecessaryHeaders)There are 1 response(s) that sets a p3p header. There are 24 response(s) that sets both a max-age and expires header. There are 2 response(s) that sets a server header. 73
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/bootstrap.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/font-awesome.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/css/francearchives.bundle.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-typeahead/jquery.typeahead.min.css
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-3.1.1.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-typeahead/jquery.typeahead.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/cubes.pnia_portal.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/js/bootstrap.bundle.min.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/bundle-glossary.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/logo_republiquefrancaise.png
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/xtcore.js
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/logo_francearchives.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/big_magnifyingglass_grey.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/small_blue_character_picto.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/small_blue_burger_menu.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/icon-social-twitter-blue.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/footer_signature_text-francearchive.png
  • https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2
  • https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/fonts/fontawesome-webfont.woff2?v=4.5.0
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/fonts/lovelo/Lovelo-Black.otf
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref=
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/images/big_cancel_cross_grey.svg
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/icons/manifest.json
  • https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/icons/favicon.ico

Privacy advice (78)

TitleAdviceScore
Use a good Content-Security-Policy header to make sure you you avoid Cross Site Scripting (XSS) attacks. (contentSecurityPolicyHeader)Set a Content-Security-Policy header to make sure you are not open for Cross Site Scripting (XSS) attacks. You can start with setting a Content-Security-Policy-Report-Only header, that will only report the violation, not stop the download.0
  • https://francearchives.fr/fr/emplois
Set a referrer-policy header to make sure you do not leak user information. (referrerPolicyHeader)Set a referrer-policy header to make sure you do not leak user information.0
  • https://francearchives.fr/fr/emplois
Set a strict transport header to make sure the user always use HTTPS. (strictTransportSecurityHeader)The max age is lower than six months. Increase it to get a better score.80
Do not share user data with third parties (thirdPartyPrivacy)You have 15% of the request that is 3rd party (4 requests with a size of 47 kB). The page also have request to companies that harvest data from users and do not respect users privacy (see https://en.wikipedia.org/wiki/Surveillance_capitalism). The page do 2 survelliance requests and uses 1 survelliance tools. The page do 2 analytics requests and uses 1 analytics tools. The project https://github.com/patrickhulce/third-party-web was used to calculate first/third party requests.0

Page info

Page info
TitleOffres d'emplois (FranceArchives)
Width1351
Height39854
DOM elements2287
Avg DOM depth7
Max DOM depth14
Iframes0
Script tags9
Local storage35 B
Session storage0 b
HTML vs AMPPlain good HTML page
Third party
JQuery3.1.1
Google AnalyticsNo
Google Tag ManagerNo
PiwikNo
BoomerangNo
New RelicNo

Visual Metrics

Visual Metrics
First Visual Change811 ms
Speed Index852 ms
Perceptual Speed Index857 ms
Contentful Speed Index846 ms
Visual Complete 85%811 ms
Visual Complete 95%1.251 s
Visual Complete 99%1.656 s
Last Visual Change1.656 s
Visual Readiness845 ms

Browser Metrics

Navigation Timing
backEndTime66 ms
domContentLoadedTime920 ms
domInteractiveTime920 ms
domainLookupTime9 ms
frontEndTime1.560 s
pageDownloadTime8 ms
pageLoadTime1.634 s
redirectionTime0 ms
serverConnectionTime31 ms
serverResponseTime20 ms
Extra timings
first-contentful-paint783 ms
first-paint783 ms
RUM Speed Index785 ms
Load Event End1.636 s
Largest Contentful Paint783 ms
Fully loaded1.666 s

Largest Contentful Paint

Read more about Largest Contentful Paint.

Tag Render timeLoad timeSize
DIV 783 ms 0 ms 52.7 KB

Detected Cumulative Layout Shift

0.00 layout shift collected from the The Layout Instability API.

Element timings

IdURLTag Render timeLoad timeNatural widthNatural height

Server timings

There are no Server Timings.

Custom metrics collected through JavaScript

There are no custom configured scripts.

Extra metrics collected using scripting

namevalue

CDP Performance

namevalue
AudioHandlers0
Documents7
Frames7
JSEventListeners128
LayoutObjects3787
MediaKeySessions0
MediaKeys0
Nodes5899
Resources34
ContextLifecycleStateObservers19
V8PerContextDatas1
WorkerGlobalScopes0
UACSSResources0
RTCPeerConnections0
ResourceFetchers7
AdSubframes0
DetachedScriptStates0
ArrayBufferContents0
LayoutCount10
RecalcStyleCount10
LayoutDuration625
RecalcStyleDuration335
DevToolsCommandDuration215
ScriptDuration155
V8CompileDuration8
TaskDuration1820
TaskOtherDuration483
ThreadTime2
JSHeapUsedSize3430412
JSHeapTotalSize4124672
FirstMeaningfulPaint783

PageXray

How the page is built.

Summary
HTTP versionHTTP/2.0
Total requests27
Total domains4
Total transfer size781.1 KB
Total content size894.6 KB
Responses missing compression12
Requests per response code
20026
3021

Largest assets on the page (by transfer size)

URLTypeTransfer SizeContent Size
https://francearchiv...bootstrap.min.csscss159.5 KB158.9 KB
https://francearchiv...uery-3.1.1.min.jsjavascript85.1 KB84.7 KB
https://francearchiv...chives.bundle.csscss84.3 KB83.9 KB
https://francearchiv...rap.bundle.min.jsjavascript77.0 KB76.6 KB
https://francearchiv...ome-webfont.woff2font65.4 KB65.1 KB
https://fonts.gstati...bj2OVTS-muw.woff2font44.2 KB43.6 KB
https://francearchiv....typeahead.min.jsjavascript37.2 KB36.9 KB
https://francearchiv...undle-glossary.jsjavascript33.9 KB33.6 KB
https://francearchiv.../Lovelo-Black.otfother32.8 KB32.5 KB
https://francearchiv.../font-awesome.csscss32.8 KB32.5 KB
https://francearchiv...b56b022/xtcore.jsjavascript25.2 KB24.9 KB
https://francearchives.fr/fr/emploishtml24.8 KB133.4 KB
https://francearchiv...es.pnia_portal.jsjavascript15.5 KB15.2 KB
https://francearchiv...icons/favicon.icofavicon15.0 KB14.7 KB
https://francearchiv...rancearchives.svgsvg14.2 KB14.0 KB
https://francearchiv...typeahead.min.csscss13.1 KB12.9 KB
https://francearchiv...iquefrancaise.pngimage8.2 KB7.9 KB
https://francearchiv...francearchive.pngimage5.4 KB5.1 KB
https://francearchiv...-twitter-blue.svgsvg3.1 KB2.9 KB
https://fonts.google...ogleapis.com/css2css1.3 KB13.7 KB

Requests and sizes per content type

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b24.8 KB133.4 KB1
css0 b291.1 KB301.9 KB5
javascript0 b274.0 KB272.0 KB6
image0 b13.8 KB13.1 KB3
font0 b109.7 KB108.7 KB2
svg0 b19.5 KB18.0 KB6
other0 b32.8 KB32.5 KB1
json0 b501 B263 B1
favicon0 b15.0 KB14.7 KB1
Total0 b781.1 KB894.6 KB26

Size and requests per domain

DomainHeader SizeTransfer SizeContent SizeRequests
francearchives.frN/A735.2 KB837.2 KB23
fonts.googleapis.comN/A1.3 KB13.7 KB1
fonts.gstatic.comN/A44.2 KB43.6 KB1
logs.xiti.comN/A305 B35 B2

Expires, last modified and cookies stats

typeminmedianmax
Expires0 seconds4 weeks1 year
Last modified4 minutes18 minutes7 weeks
Cookies000

Requests loaded after onLoad event

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
json501 B1
favicon15.0 KB1
Total15.5 KB2

Requests loaded after onContentLoad

Includes requests done after onLoad.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image306 B1
font0 b0
svg567 B1
json501 B1
favicon15.0 KB1
Total16.3 KB4

CPU

Download the Chrome trace log and drag and drop it into Developer Tools / Performance in Chrome.

Download trace log

Long Tasks

Collected using the Long Task API. A long task is a task that take 50 milliseconds or more.

TypeQuantityTotal duration (ms)
Total Blocking Time 485
Max Potential First Input Delay 226
Long Tasks before First Paint2510
Long Tasks before First Contentful Paint2510
Long Tasks after Load Event End00
Total Long Tasks51144

Individual Long Tasks

namestartTimedurationcontainerIdcontainerNamecontainerSrccontainerType
unknown275456window
self74853window
unknown942226window
self1177214window
unknown1419195window

CPU time spent

Calculated using Tracium.

Categories (ms)
parseHTML89
styleLayout965
paintCompositeRender100
scriptParseCompile8
scriptEvaluation168
garbageCollection6
other212
Events (ms)
Layout626
UpdateLayoutTree338
RunTask202
V8.Execute151
UpdateLayerTree65
ParseHTML60
ParseAuthorStyleSheet28
Paint25

Time spent per request

URLCPU time (ms)
https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/jquery-3.1.1.min.js282
https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/xtcore.js22
https://francearchives.fr/data/39b58a52585d82c4f11a2f28bb56b022/bundle-glossary.js20

CPU time spent

Tool/domainTime (ms)
francearchives.fr323.8

Third party

Third party requests categorised by Third party web.

CategoryRequests
cdn 2
survelliance 2
analytics 2
CategoryNumber of tools
cdn 1
survelliance 1
analytics 1

Third party requests and tools

cdn (2 requests)
Google Fonts
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap (Google Fonts)
  • https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 (Google Fonts)
survelliance (2 requests)
Google Fonts
  • https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap (Google Fonts)
  • https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 (Google Fonts)
analytics (2 requests)
XiTi
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref= (XiTi)
  • https://logs.xiti.com/hit.xiti?s=582968&p=card::emplois-fr&vrn=1&ac=&at=&lng=en-US&idp=2018261398255&jv=0&re=1365x635&vtag=4.7.0&hl=20x18x26&r=1366x708x24x24&rn=1639945106440&ref=&Rdt=On (XiTi)

First party requests and sizes per content type

Calculated using .*francearchives.* (use --firstParty to configure).

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b24.8 KB133.4 KB1
css0 b289.7 KB288.2 KB4
javascript0 b274.0 KB272.0 KB6
image0 b13.5 KB13.1 KB2
font0 b65.4 KB65.1 KB1
svg0 b19.5 KB18.0 KB6
other0 b32.8 KB32.5 KB1
json0 b501 B263 B1
favicon0 b15.0 KB14.7 KB1
TotalN/A735.2 KB837.2 KB23

Third party requests and sizes per content type

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b0 b0 b0
css0 b1.3 KB13.7 KB1
javascript0 b0 b0 b0
image0 b306 B35 B1
font0 b44.2 KB43.6 KB1
TotalN/A45.9 KB57.4 KB4

Screenshots

afterPageCompleteCheck.png

afterPageCompleteCheck.png