gruberjl/website

website's Issues

Customize heading information per page

Heading info (for example twitter) is static on all sites. Set those heads to dynamic and add the information in from the page.

Links do not have descriptive text

Descriptive link text helps search engines understand your content

https://www.gitbit.org/blog

http://localhost:8000/tests/ doesn't remove test from list without refresh

http://localhost:8000/tests/ when clicking the delete button it doesn't remove the item from the list. It deletes the item from the database but never removes it from the state.docs

Add Atom XML

Add Atom XML to website

reduce image sizes

https://www.gitbit.org/blog/

Reduce image sizes and set width / height on the img element.

Set Alt attributes on images

Spelling Error in image

https://www.gitbit.org/course/ms-500/question/Y3CJG-86d

Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity

Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn more.LCP
React
If you are not server-side rendering, split your JavaScript bundles with React.lazy(). Otherwise, code-split using a third-party library such as loadable-components.

https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fwww.gitbit.org

Add bing to site

https://www.gatsbyjs.com/plugins/gatsby-plugin-verify-bing/

SEO optimize Pages

SEO optimize pages

• https://search.google.com/test/mobile-friendly?id=r7EYxFE88Um6M-PdwitY1w
• https://search.google.com/search-console/inspect?resource_id=https%3A%2F%2Fwww.gitbit.org%2F&id=kzzZbeBV9SgSArrWO4MneA
• https://www.ionos.com/website-checker-result#menu-PRESENTATION
• https://developers.google.com/speed/pagespeed/insights/?url=gitbit.org

Add structured data to web pages

https://developers.google.com/search/docs/advanced/structured-data

Avoid serving legacy JavaScript to modern browsers

Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers.

Ensure CSP is effective against XSS attacks

A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks.

No CSP found in enforcement mode

New Layout

Compose courses that can compose of:

• lessons
• partial tests
• homework
• PDFs to download
• Practice tests

Add AMP to website

Make website AMPable

Serve static assets with an efficient cache policy

A long cache lifetime can speed up repeat visits to your page

Create an about page

Create an about page and make it look like: https://stackoverflow.com/company

Add RSS

Add RSS to webpage

Serve images in next-gen formats

Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption.

build-ms-500-pages.js doesn't delete questions that were deleted

build-ms-500-pages.js doesn't delete questions that were deleted

Add date Created and Date modified to questions

• Add a dateCreated and dateModified to the cloud firestore /Tests/MS-500/Questions/
• Add both fields to the JSON LD

Mobile Buttons

Buttons on questions in mobile look horrible. Try putting them left and right.

Properly size images

Serve images that are appropriately-sized to save cellular data and improve load time.

Verify all links to new pages are using the gatsby redirect so the whole website doesn't refresh

Verify all links to new pages are using the gatsby redirect so the whole website doesn't refresh

Spelling error in chart

https://www.gitbit.org/course/ms-500/question/edit/?docid=vxLbzynWU

Cannot delete a question

from the questions url (http://localhost:8000/course/ms-500/question/edit/?docid=rCWMGlb_Y) I cannot delete a question. I need to add a delete button

Enable text compression

Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes.

Questions on mobile slide left and right

The viewport is over the line on mobile in questions

Serves images with low resolution

https://www.gitbit.org/blog/top-11-tips-and-tricks-for-using-microsoft-onedrive

URL: data:image/png;base64,iVBORw0KG…+9zZiaQZD
Displayed Size: 40 x 40
Actual size: 50 x 50
EExpected size: 80 x 80

In answers the links aren't clickable

Make the links clickable from draft.

Blog cards on mobile don't span whole width

Make the width of the cards on mobile 100% width - 12px on each side.

Resolve Console Errors

GET https://www.gitbit.org/page-data/blog/top-11-tips-and-tricks-for-using-microsoft-onedrive/page-data.json net::ERR_ABORTED 404

www.gitbit.org/:1

Error handling response: TypeError: Cannot read properties of undefined (reading 'takeRecords')

at Function.e.closeListeners (chrome-extension://clmkdohmabikagpnhjmgacbclihgmdje/content-script.js:1:5858)
at chrome-extension://clmkdohmabikagpnhjmgacbclihgmdje/content-script.js:1:3858

loader.js:41

GET https://www.gitbit.org/page-data/blog/top-11-tips-and-tricks-for-using-microsoft-onedrive/page-data.json 404

(anonymous) @ loader.js:41
p @ loader.js:33
(anonymous) @ loader.js:109
(anonymous) @ loader.js:133
(anonymous) @ loader.js:199
(anonymous) @ loader.js:522
(anonymous) @ loader.js:233
loadPage @ loader.js:558
(anonymous) @ production-app.js:152
Promise.then (async)
89917 @ production-app.js:38
a @ bootstrap:19
(anonymous) @ wrapNativeSuper.js:36
(anonymous) @ chunk loaded:25
(anonymous) @ wrapNativeSuper.js:36
s @ jsonp chunk loading:73
(anonymous) @ app-1f22ad042ec4686d4263.js:2
production-app.js:163

Uncaught (in promise) Error: page resources for /blog/top-11-tips-and-tricks-for-using-microsoft-onedrive/ not found. Not rendering React

at production-app.js:163

(anonymous) @ production-app.js:163
Promise.then (async)
(anonymous) @ production-app.js:152
Promise.then (async)
89917 @ production-app.js:38
a @ bootstrap:19
(anonymous) @ wrapNativeSuper.js:36
(anonymous) @ chunk loaded:25
(anonymous) @ wrapNativeSuper.js:36
s @ jsonp chunk loading:73
(anonymous) @ app-1f22ad042ec4686d4263.js:2
www.gitbit.org/:1

The resource https://www.gitbit.org/page-data/sq/d/1271460761.json was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

Minimize main-thread work

https://www.gitbit.org/course/ms-500/question/C-zTVmrLV/?testId=_AX27f0LH

Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this

<frame> or <iframe> elements do not have a title

Screen reader users rely on frame titles to describe the contents of frames.

https://www.gitbit.org/course/ms-500/question/P-5iY4LsW/

<iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" tabindex="0" vspace="0" width="100%" id="I0_1630716646798" name="I0_1630716646798" src="https://web-server-9d634.firebaseapp.com/__/auth/iframe?apiKey=AIzaSyBAnWR…" style="position: absolute; top: -100px; width: 1px; height: 1px;">