Para grandes quantidades de conteúdo isto sera um problema serio, o aconselhável e fazer paginação dos teus posts, isto e, em vez de carregar os "200 posts" existentes no seu banco de dados e deixar toda essa informação ser controlada pelo javascript para mostrar de 3 em 3, seria mais aconselhável realizar uma query especifica que utilize skips, no caso realizar uma consulta mais otimizada afim de pegar apenas os dados necessários, um exemplo disto seria:
SELECT FIRST 20 SKIP x * FROM TableName
Neste caso voce seleciona apenas os 20 primeiros registros e trabalha com eles, a requisição ao servidor e menor de primeira vez e com isto voce garante que apenas o que o usuário quiser acessar sera baixado.
Respondendo as suas duvidas:
Quando o usuario carregar a página, esse load será feito com o total de posts do banco, ou o total do javascript?
Como voce nao limita a quantidade de posts no seu select ele recebera o total do banco de dados, o javascript apenas ira mostrar ele de pouco em pouco.
Se eu começar exibindo apenas 3 posts com javascript, e não limitando o SELECT com php, mesmo que haja 100 registros, influenciará no SEO?
Esta e uma otima pergunta :)
Imagine a seguinte situacao, voce entra no The New York times, seu jornal preferido, para ver apenas as noticias mais recentes, por que voce acompanha todos os dias. imagine se eles utilizassem o método do qual voce descreveu, no caso do new york times, eles possuem no mínimo 34mil publicações, o load destas informações de uma so vez ou travaria o seu navegador ou se estivesse usando dados acabaria com seu pacote rsrs.
mas o foco nao é esse, eu não posso lhe afirmar com certeza mas quanto mais uma pagina e lenta menos usuários são adeptos a utiliza-las.
Referencias recomendadas para implementar uma páginação:
Paginação assíncrona com jQuery, Ajax e MySQL
Paginação automática com PHP e jQuery
Paginação com jQuery e PHP - Youtube
Paginação simples em jQuery/Javascript - Stackoverflow BR