sitespeedio / sitespeedio/sitespeed.io

Sitespeed test not generating a proper report

Open
#4,612 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
5k
Forks
624
Avg merge
4h 8m
Merged PRs (30d)
2

Description

Have you read the documentation?
URL

https://www.sitespeed.io

What are you trying to accomplish

I tried installing Sitespeed on my system through Node js & also through docker. but in both cases, The report being generated on executing any test be it just one URL or a full script, is broken. The first page looks fine but as we navigate further into details, the html report is broken. Attaching few screenshots for reference.

Image Image Image
What browser did you use?

Chrome

How to reproduce
Install Sitespeed.io on local.
I followed below steps:
Install node JS & npm
Install git bash
Download sitespeed – git clone https://github.com/sitespeedio/sitespeed.io.git
npm install -g sitespeed.io
Install Dependencies:
	Choco install ffmpeg
Choco install imagemagick.app –version=7.0.10.53 -PackageParameters LegacySupport=true
Choco outdated
Choco install python
Choco install microsoft-edge
Choco install googlechrome
Curl https://boostrap.pypa.io/get-pip.py -o get-pip.py
Python get-pip.py
Python -m pip install --upgrade --user pip
Python -m pip install --upgrade --user setuptools
Python -m pip install --user pyssim
Python -m pip --version
Python -m pip show Pillow
Python -m pip show pyssim


execute test with below command:

sitespeed.io https://www.sitespeed.io -b chrome -n 1
Log output
Log output is attached

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with the sitespeed.io command sitespeed.io https://www.sitespeed.io -b chrome -n 1, using the Node.js and Docker installations described. Inspect the generated HTML report by navigating beyond its first page and compare the broken details views with the attached screenshots. Done means the report renders correctly for both a single URL and a full script.

Written by the indexing model from the issue text.

Assessment

Tech stack
docker, javascript, node.js
Domain
cli, performance, tooling
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.