From 0b841f0ee2a18b6846201418376861b479d97ae7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakob=20Schr=C3=B6ter?= <487046+jschroeter@users.noreply.github.com> Date: Fri, 5 Nov 2021 18:36:58 +0100 Subject: [PATCH] Update README.md --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 95c005c..44d1fe6 100644 --- a/README.md +++ b/README.md @@ -3,16 +3,16 @@ This repository contains a static web page with some typical performance issues. A exercise for students of my lecture [Rich Media Systems at Stuttgart Media University](https://www.hdm-stuttgart.de/studierende/stundenplan/vorlesungsverzeichnis/vorlesung_detail?vorlid=5213920) is to find these issues and improve the loading experience for the users. ## Setup -1. Fork this repository -2. Enable GitHub Pages in the repository settings, see https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site -3. Use https://vscode.dev or your favorite code editor to edit files; or simply edit the files via GitHub +1. open https://vscode.dev/github/jschroeter/hdm-webperformance; you should see Visual Studio Code with all the files +2. when you commit your changes for the first time you'll get asked if you want to create a fork. Select yes. +3. Open your new repository in GitHub and enable GitHub Pages in the repository settings, see https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site. Select the `main` branch and root folder. After a few seconds you should be able to access the page via `https://.github.io/hdm-webperformance/` -Whenever you push something to the main branch, the page will be published again. +Whenever you commit & push something to the main branch, the page will be published again. It might take a few seconds. ## Excercise - open the page with a slow internet connection (e.g. network throtteling of browser dev tools) and observe how the page loads and renders - run and check web performance analysis with tools like https://web.dev/measure/, https://WebPageTest.org and [Lighthouse](https://developers.google.com/web/tools/lighthouse/) -- implement improvements \ No newline at end of file +- implement improvements