Максим Эгершельд

Чтобы уверенно читать исходники, нужно, во-первых, несколько лет их писать.
Тогда вы сможете понимать логику пишущих и узнавать популярные решения.
Вместо исследования письма Чужих к Хищнику.

Если ваш старый код, для вас выглядит ужасно, то значит вы развиваетесь. Бейте тревогу когда начнете "идеально" писать.

Вы можете держать фокус на книге 40 минут, это очень хорошо, на мой взгляд. Читайте 20 минут книгу, а 20 минут делайте, программируйте, пробуйте, ошибайтесь, но действуйте.

Мозг переключится.

В процессе программирования смело заглядывайте вперёд книги, в те главы которые вы ещё не читали, но где, на ваш взгляд, может крыться ответ на возникшие у вас вопросы.

Придумайте себе интересную задачу. Это очень важно, чтобы задача вызывала у вас интерес. Этот интерес к задаче будет служить двигателем вашего обучения.

Разбейте задачу на маленькие куски, и решайте её с помощью языка/технологии, которые вы изучаете. Если при реализации какого-нибудь маленького куска программы у вас возникла проблема, а в книге об этом ничего нет, то спрашивайте на форумах, вроде stackoverflow.com

Должен заметить, что при публикации вопросов на подобных форумах, если вы хотите быстро получить ответ, формулируйте свои вопросы предельно корректно. Объясните задачу, которая стоит перед вами, обязательно покажите код, которым вы пытались эту задачу решить. И напишите, что у вас не получается.

Если с английским сложно, то есть StackOverflow на русском языке: ru.stackoverflow.com

Это намного эффективнее, чем изучать книгу в "скучном" режиме. Читая теорию, затем делая упражнения.

Успехов.

После 40 минут чтения уже пропадает интерес, простое поглащение теории, а задания только в конце главы (не дочитав до конца главы невозможно решить эти задания, а сама глава страниц на 30).

• Не читайте всё подряд. Например, иногда бывает достаточно посмотреть фрагменты кода в главе, а к тексту обращаться лишь для прояснения непонятных моментов.
  
• При первых признаках усталости, делайте перерывы. Но это не значит, что в перерыв нужно бросать книгу и бежать проверять ленту в контакте :-) В "перерыве", например, можно полистать, вспомнить и обдумать уже прочитанные главы; из любопытства заглянуть в следующие главу; поискать дополнительную информацию в интернете о материале прочитанных глав (статьи, видеоуроки); налить кофе, погладить кота и т. п. Словом, ни делать ничего такого, что могло бы вас заставить забыть о книге, если вы этого не планировали.
  

Как правильно читать, что бы не забывать то, что прочитал в начале главы

Лучший способ не забыть - начать применять на практике. Но если такой возможности нет то можно поступить так: придумывать и записывать по ходу чтения вопросы, ответы на которые есть в книге и которые вы хотите запомнить. В следующий раз, перед тем как вновь приметесь за чтение - пробегитесь и вспомните ответы на записанные вопросы. Вопросы можно записывать и просто на бумаге, но я предпочитаю делать это в Wunderlist.

Ещё можете посмотреть:
Как быстро и продуктивно читать техническую литературу?
Литература, о том как читать книги?
Как заставить себя читать книги по программированию?

Для программирования математика не нужна. Ну, дискретная не в счет. Булева алгебра и теория алгоритмов в основе программирования, но это математикой назвать язык не поворачивается.

Для каждой сферы нужен разный матан. Для веба он вообще не нужен. Чисто инженерная дисциплина. Для системного программирования тоже. Ну, максимум всякие логические операции и побитовые. Для игр линал, для маш обучения линал, теорвер и матстат, так как это математическая дисциплина

И вроде это все программирование, но что-то инженерные задачи решает, что-то математические, а что-то решает и то, и то.

Windows ограничивает fps до 60 для webgl, да и в целом для opengl и direct3d.
Я не занимался webgl, но скорее всего можно по старинке узнать сколько миллисекунд уходит на отрисовку одного кадра и так узнать примерный fps по формуле

1000/количество_миллисекунд_на_отрисовку_одного_кадра

Посмотрите https://www.shadertoy.com/view/Ms2SD1 если показывает меньше 40 fps в окне, значит проблема в связке ОС—браузер—драйвера видеокарты.
Если пример показывает 60 fps значит вам нужно найти другие уроки по webgl.

(хотя и в GPU тоже копируется, но опять же, 60 раз).

В этом и проблема. Вершины перекидывать на карту на каждом фрейме - это бред в любом случае (даже если сейчас это не основная причина тормозов). Буферы вершин на то и нужны, чтобы закинуть их один раз.

gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());
Вот так делать нельзя. Создание и заюзание буфера разделили не для того чтобы вам жизнь усложнять. Попробуйте избавиться от этого и сделайте нормально.

Востребованы не специальности, а специалисты.

сперва были вопросы "как стать программистом"
затем вопросы "что читать"
теперь уже "как читать"
может скоро будет "как учить алфавит, а то за меня родители пишут на тостере".

Для книг - читайте простейшие туториалы и сразу практика. Сложные книги - потом, когда в голове уже будет база.

Добавлю еще момент:
Почитайте статью megamozg.ru/post/10126
Там очень понятно указано, что профессиональный навык и боль программиста - гиперконцентрация, которая необходима, чтобы освоить понятия и вещи для профессиональной работы. 40 минут это как-то несерьезно.

Жахните водки.